だから基本的に。私は学校でプロジェクトのウェブサイトを持っています。しかし、私はホームページを持って、残りの部分を別々の部分に分けて別のページに入れなければなりません。そのため、閲覧者がナビゲーションバーのそれぞれのボタンをクリックすると、ページのその部分が読み込まれるようになります。どのように私はこの作品を作るのですか? 各カテゴリ(土地、気候)は別々のページになければなりません。 PLZどのように作成した他のhtmlページにつながるナビゲーションバーを作成しますか?
0
A
答えて
0
https://www.w3schools.com/css/css_navbar.aspは、例えば、ページのためにあなたが持っている
0
からナビゲーションバーコードを得るための良いウェブサイトです助け:同じディレクトリにabout.html、services.htmlとcontact.html。あなたはすべてのページで同じメニュー(以下のような)を持っているよりも。アクティブクラスを変更するだけで.menu__link
になります。ページ間の接続が機能するはずです。
アクティブなページにウェブの別の部分をロードする場合は、iframe
を使用できますが、これは長い時間です。今日はAJAXを使用していますが、初心者の開発者にとっては難しいことです。私が言った最初のオプションを使用してください。私は助けてくれるといいですね。助けをした
.menu__list {
display: flex;
justify-content: center;
list-style: none;
padding-left: 0;
}
.menu__item {
padding-left: 0;
margin-bottom: 0;
width: 22%;
}
.menu__link {
display: block;
line-height: 40px;
font-size: 16px;
color: #fff;
background-color: #7fbee6;
text-decoration: none;
text-align: center;
transition: background-color .2s;
}
.menu__link:hover,
.menu__link.active {
background-color: #06639f;
}
<nav class="menu">
<ul class="menu__list">
<li class="menu__item"><a href="./about.html" class="menu__link active">About us</a></li>
<li class="menu__item"><a href="./services.html" class="menu__link">Our services</a></li>
<li class="menu__item"><a href="./contact.html" class="menu__link">Contact</a></li>
</ul>
</nav>
関連する問題
- 1. どのようにhtmlダウンロードリンクを作成しますか?
- 2. RubyでどのようにHTMLテーブルを作成しますか?
- 3. トップにナビゲーションバーを持つテーブルビューを作成しようとしています
- 4. FBはどのようにFBMLを作成しましたか?
- 5. foliumを使ってHTMLページを作成した後に、マップを作成する
- 6. どのようにアクティブなjQueryアコーディオンメニューを作成しますか?
- 7. HTML、PHP、MySQLデータベースを使ってログインフォームを作成するには以下のように作成しました。
- 8. html自動変更ページはどのように作成できますか?
- 9. 1つのファイルに複数のHTMLページを作成していますか?
- 10. 2つの折りたたみメニューでナビゲーションバーを作成するにはどうすればよいですか?
- 11. 誰もXMLのようなHTMLを生成するためにxslファイルを作成しました。
- 12. HTML:ページ中央にアンカーをつなぐリンクを作成する
- 13. Joomlaはメニューなしのhtmlページを作成します
- 14. どのようにしてメタクラスを作成しますか?
- 15. どのようにしてNvarchar()を作成しますか
- 16. どのようにヒートマップを作成し、NA値を持つクラスタを作成しますか?
- 17. ナビゲーションバーなしでこの機能を財団に作成するにはどうすればよいですか?
- 18. どのようにキャッシュフォルダをgradleフォルダに作成しますか?
- 19. AndroidのWhatsappのようなナビゲーションバーを作成する方法
- 20. JavaServer Facesでページ・リストをどのように作成しますか?
- 21. カスタムワードプレステーマのナビゲーションバーの静的ページを作成するには
- 22. ListViewを作成したデータベースを他のXMLに実装する方法ListViewを作成しましたか?
- 23. いつ、どのように異なるメモリマップが作成されますか?
- 24. どのように「好き」のクエリを作成しますか?
- 25. どのようにワードプレステーマのモバイル版を作成しますか?
- 26. どのようにフラグメンテーションのリストビューを作成しますか?
- 27. どのように無限のjscrollpaneを作成しますか?
- 28. どのようにnumpy.float64のリストを作成しますか?
- 29. どのようにJavaクラスのオブジェクトを作成しますか?
- 30. 私が作成したHTTPLISTENERとどのように通信しますか?
感謝。しかし、それは私が思っているものを正確に行う方法を好きには分かりません。同様に、全体をコード化し、ナビゲーションバーコードを追加してから、 –
を作成すると、最初にページを作成するとき、最初に行うのはトップボトムです。ナビゲーションバーが一番上に表示されるので、最初にナビゲーションバーを開始します。 – GoofBall101
そして、コーディングの大きな部分は、記述されたコードを理解することを学ぶことです。だから例を挙げるだけでそれをやってみよう。新しいことを学ぶ。 – GoofBall101