HTMLスキル - 第9章 Lesson2

ヘッダーとナビゲーションを作成する方法

   

テクノロジーとクリエイティブのプロを目指す人のためのオンラインスクール
月額2500円で500以上のレッスンが受けられます

このスキルのデータをダウンロード: Windows Mac

Webページに必ず必要な、ヘッダーとナビゲーションを作成する方法について、初心者向けに解説しています。



この動画で学べること

・ヘッダーとナビゲーションのレイアウトを組む方法



ヘッダーとナビゲーションのレイアウトを組む方法

ヘッダーはどのWebページにも必ずあり、サイトに必要な情報を書いた部分です。
ヘッダーには以下のもの含めることができます。
・タイトル
・目録(ナビゲーション)
・検索フォーム
・ロゴ
など



では、ヘッダーの作り方を見てみましょう。
ヘッダーを作るときには<header>タグを使います。
目に見える部分なので、<body>の中に書いていきます。
また、<header>タグの中にナビゲーションを作るための<nav>タグも書きましょう。



 <body>
<header>
ヘッダー
<nav>ナビゲーション</nav>
</header>
</body>



ここまでできたら 、保存してブラウザで見てみましょう。
このようにヘッダーとナビゲーションが作成されました。