私は最初のウェブサイトを作成するコードを書いています。私はフロントエンドの開発者としてキャリアを始めるために懸命に働いています。私は今、私のサイトのHTML/CSSでコーディングしています。私は各ボタンに新しいページを開くことを望むために、ボタン付きリストを追加しました。私の質問は、そうする最良の方法は何ですか?個々のページごとに別々のhtml/cssファイルを作成する必要がありますか?すべてのあなたの助けを前もってありがとう。ページ/リンクを追加する
答えて
あなたのCSSをHTMLから切り離すのが最も良い方法の1つは、別のHTMLページにCSSスタイルシートを含めることです。
良い質問です。
プロジェクトの構造はすべてのプロジェクトとすべてのプロジェクトで異なりますが、通常、サイト内の各ページにはindex.htmlを含むフォルダがあります。これは、google.com/index.htmlの代わりにgoogle.com/が必要なためです。フォルダへのリンクを指定すると、サーバーはデフォルトでindex.htmlファイルを読み込むように設定されている可能性があります。それは理にかなっていますか?
ます。また、各ページのpuppy.htmlとcat.htmlに名前を付け、その後、彼らは初心者のよう
ありがとうございます。それは多くの意味があります。 – kb1120
をmypage.com/puppy.htmlとmypage.html/cat.htmlリンクすることができ、開始場合、それが良いでしょう異なるHTMLファイルを含む同じディレクトリで作業します。ここで私はあなたに小さな例を提供します。同じフォルダにpage1.htmlとpage2.htmlという2つのWebページを作成します。 page2.htmlためpage1.html
<html>
<head>
<title>my first web app</title>
</head>
<body>
<h3> this is page 1</h3>
<a href="page2.html">Go to page2</a>
</body>
</html>
やコードのためのコードは次のようになります。
<html>
<head>
<title>my first web app</title>
</head>
<body>
<h3> this is page 2</h3>
<a href="page1.html">Go to page1</a>
</body>
</html>
同様にあなたが複数のWebページ内閲覧することができます。
ありがとうございます。意味をなさない – kb1120
- 1. wordpressのフッタにPHPページリンクを追加するには
- 2. WordPressメニューのクラッシュでカスタムアンカーリンクとページリンクを追加する
- 3. Excel散布図の各データポイントまたはデータラベルにWebページリンクを追加
- 4. ページリンクを自動的に更新する
- 5. ASP.NET UrlRewritingとページリンクを構築する
- 6. ページリンクを作成するには?
- 7. Gitlab Wiki同じページリンク
- 8. ワードプレスと内部ページリンク
- 9. メニュー内のクラスを追加したり削除したりしますが、ページリンクはロードされません。
- 10. 遅延リンクすべてのページリンクをクリック
- 11. 管理スイートでのページリンク
- 12. 標準的なページリンクのURL
- 13. GoDaddyアドオンドメインの後のWordpressページリンク
- 14. 追加フィールドを追加するブートストラップ
- 15. urlRewritter.Netを使った間違ったページリンク
- 16. ページリンクを一度クリックするとナビゲーション/ハンバーガーアイコンが消えます
- 17. datatablesにhtmlマークアップを追加する行を追加する
- 18. EditTextにアイテムを追加するクロスボタンを追加する方法
- 19. ベースアドレス+オフセットを追加する値を追加する
- 20. 条件を追加する条件を追加する
- 21. 要素をビューアニメーションに追加するクラス、アニメーションを追加する
- 22. 項目を追加するフィールドを追加する
- 23. cronジョブで私のウェブサイトのページリンクを設定するには?
- 24. wordpressのページリンクのデフォルトメニューを削除する方法
- 25. テンプレートリンクなしのWikipediaページリンクを取得する
- 26. Express jsとJQueryモバイルでページリンクにAjaxを使用する
- 27. MySQLテーブルにテーブルを追加する追加のカラムを追加しました
- 28. EpiServer MenuListのページリンクの目的は?
- 29. クラスインスタンスを追加するために追加する
- 30. リストに追加するxdocumentのlinqクエリを追加する
ありがとうございます。私は自分のHTMLとCSSを分けた。 – kb1120