HTMLの各タグを役割ごとに分類しました。制作時の「あのタグ何だっけ？」という時に活用してください。
| タグ | 役割 |
|---|---|
<html> | HTML文書であることを定義する |
<head> | 文書の情報を記述する（画面には表示されない） |
<body> | 実際のコンテンツを記述する |
<!-- --> | コメント（メモ書き）を入れる |
| タグ | 役割 |
|---|---|
<title> | ページのタイトル（ブラウザのタブに表示） |
<meta> | 文字コード、キーワード、説明文などの文書情報 |
<link> | CSSファイルなど外部リソースの読み込み |
<script> | JavaScriptの記述・読み込み |
| タグ | 役割 |
|---|---|
<h1>?<h6> | 見出し（1が最大、6が最小） |
<p> | 段落（一つのまとまった文章） |
<br> | 強制改行 |
<hr> | 水平線（区切り線） |
<div> | コンテンツをグループ化する（汎用ブロック要素） |
<span> | 文章の一部をグループ化する（インライン要素） |
| タグ | 役割 |
|---|---|
<ul> | 箇条書き（順序なしリスト） |
<ol> | 番号付きリスト（順序ありリスト） |
<li> | リストの各項目 |
<dl> | 説明・定義リスト（用語と説明のセット） |
| タグ | 役割 |
|---|---|
<table> | 表全体を囲む |
<tr> | 表の「行」を定義 |
<th> | 表の「見出しセル」 |
<td> | 表の「データセル」 |
| タグ | 役割 |
|---|---|
<a> | 他のページへのリンク（アンカー） |
<img> | 画像の表示 |
| タグ | 役割 |
|---|---|
<form> | 入力フォーム全体を囲む |
<input> | テキスト入力、ボタン、チェックボックスなど |
<textarea> | 複数行のテキスト入力 |
<select> | プルダウン選択メニュー |
