『ヘッダー』という単語が頻出します。共有:ヘッダーって何??ヘッダーとはwebサイトを構成しているパーツの名前です。今見ていただいているこのサイトのヘッダーはこちらになります。実際にヘッダーを見るとわかると思いますが、ヘッダーってほとんどのサイトにありますよね!ヘッダーの役割ヘッダーの役割としては、サイト名、ロゴ(このサイトにはまだありません・・・)、メニューなどを置くことにあります。逆に考えると、サイト名、メニューなどはヘッダー部分に無いと分かりづらいサイトになってしまうのです。ヘッダーの作り方それでは、実際にコードを書いていきます。HTMLのコードはこんな感じです。</header>12345678910<header><p>プログラミング初心者のプロへの道</p><nav><ul><li>Swift</li><li>rails</li><li>漫画</li></ul></nav></header>headerタグヘッダー部分全体を覆うタグ。pタグpタグは皆さんご存知ですよね。今回はサイト名を入れる役割です。navタグメニュー部分に使用するタグ。navとは、navigation(ナビゲーション)のことです。ulタグliタグを使用する際に必要なタグ。liタグをくくる役割を持っています。liタグメニューの一つ一つを入れるタグ。CSSCSSのコードはこんな感じです。基礎ささお3年目iOSエンジニア。スタートアップで働いておりやす。プログラミングスクールとエンジニアのキャリアを考えたい。*メールアドレス(公開はされません。簡単な自己紹介ささお2年目のiOSアプリエンジニア。プログラミングスクールに通い、プログラミングスクールで講師を経験したのち、スタートアップに就職。プログラミングスクールとエンジニアのキャリアを考えたい。普段は渋谷あたりにいます。教育に興味があります。キャリアを考えないとなぁ。ささおのTwitter初めてのフリーランスにポテパンは登録がとにかく楽。ほんとに”魅力的なお仕事が多数”かは知らないけど、最初にごちゃごちゃ記入させない感じが好き。