基本構造やコンテンツ内で使うタグを表にまとめた。
基本構造
| タグ | 用途 |
| html | HTML文書だということを表す。HTML文書において基点となる要素。 |
| head | HTML文書のヘッダ部分。ブラウザーには表示されない。この中に検索エンジンのための説明文やCSSファイルへのリンク、ページタイトルなどを記述する。 |
| meta | 言語や説明文など、ページの情報を記述。 |
| title | ページタイトル。この部分がブラウザーのタブやブックマークしたときのページタイトルとして表示される。 |
| link | 参照する外部ファイル、主にCSSファイルを読み込むときに使う。 |
| body | HTML文書のコンテンツ部分。この中に書かれたものがブラウザーに表示される。 |
コンテンツ内
| タグ | 用途 |
| h1〜h6 | 見出しを表示。数字の順に記述する。 |
| p | 文章の段落。 |
| img | 画像を表示。src属性で表示させたい画像を指定する。 |
| a | リンクを貼る。リンク先はhref属性で指定。 |
| ul | 番号のない箇条書きリスト。 |
| ol | 番号付き箇条書きリスト。 |
| li | リストの各項目。 |
| br | 改行。 |
| strong | 強い重要性要素。太字で表示される。 |
| blockquote | 引用文。 |
| small | 著作権表示や法的表記。 |
| span | 意味の持たないインライン要素。CSSで一部分のみ装飾する時に使う。 |
| audio | 音声のデータを埋め込むために使う。 |
| video | 動画のデータを埋め込むために使う。 |
| script | スクリプトデータを埋め込んだり参照する。通常JavaScriptのコードに使う。 |
・meta要素
charset=”UTF-8″ 文字コード
description 検索した時の説明文
viewport スマホ用
※metaは空要素なので閉じタグは不要。
・木構造を理解する
・タグには２種類ある①ブロックレベル要素、②インライン要素
