​​4. HTMLを覚えよう
​​
​​HTMLはhyper text markup language（ハイパーテキストマークアップランゲージ）の略です。
​​

​​HTMLとは？

​​文書構造を表す言語です。
​​
​​文書構造って何？
​​見出しや、文章、リストなど「文字に意味づけをする」
​​
​​HTMLの書き方
​​
​​<section>
​​  <h1>タイトル</h1>
​​  <p>文章文章文章文章</p>
​​</section>
​​
​​
​​重要なのはアウトライン
​​
 
【HTML5入門】美しいサイトは骨までキレイ？HTML5のアウトラインを学ぼう！
HTML5のアウトラインについて知りたい方向け。アウトラインの概念、アウトラインの解析の仕方、明示的アウトライン（セクショニングコンテンツ・セクショニングルート）、暗黙的アウトライン、アウトラインの決
jam25.jp
【HTML5入門】美しいサイトは骨までキレイ？HTML5のアウトラインを学ぼう！ • jam25.jp
​​
​​
​​Google Chromeのプラグインを使っていろんなサイトのアウトラインを見てみる
​​
 
HTML5 Outliner
Generates a navigable page outline with heading and sectioning elements
chrome.google.com
HTML5 Outliner • chrome.google.com
​​
​​
​​

​​タブを覚えよう

​​よく使うのは20個ぐらいです
​​
​​意味を表すタグ
​​
​​タグ
​​説明
​​h(1 ~ 6)
​​見出し
​​p
​​段落
​​em
​​強調
​​strong
​​重要
​​ul, ol,  li
​​リスト
​​dl, dt, dd
​​定義付きリスト
​​div, span
​​意味はない
​​
​​
​​構造を表すタグ
​​
​​タグ
​​説明
​​header
​​ページのヘッダーを表す
​​nav
​​サイトのグローバルのナビゲーションを荒らす
​​main
​​メインのコンテンツを表す
​​footer
​​ページのフッターを表す
​​section
​​見出しの範囲（章や節）
​​article
​​見出しの範囲（記事）
​​figure, figucaption
​​画像、キャプション
​​その他のタグ
​​
​​タグ
​​説明