| No. | 要 素 | タ グ | 出てくる節・項 |
|---|---|---|---|
| 1 | 見出し | <h1></h1>、<h2></h2>、・・・・・、<h6></h6> | １．(9) |
| 2 | 枠 | <div></div> | ２．(2) |
| 3 | 改行 | <br> | ２．(9) |
| 4 | 段落 | <p></p> | ３．(10) |
| 5 | 画像 | <img src="" alt="" width="" height=""> | ４．(2) |
| 6 | リスト | マーク付リスト：<ul><li></li></ul> 番号付リスト：<ol><li></li></ol> 定義リスト：<dl><dt></dt><dd></dd></dl> | ５． |
| 7 | 表 | <table> <tr><th></th><td></td></tr> </table> |
７． |
| 8 | 情報(メタ情報) | <meta charset=""> | ２．(文字コードの指定) |
| 9 | リンク | <a href=""></a> | ９．(5) |
| 10 | 強調 | <strong></strong> | １１．1. |
| 11 | 太字 | <b></b> | １１．1. |
| 12 | 上付き文字 | <sup></sup> | １１．2. |
| 12 | 下付き文字 | <sub></sub> | １１．2. |
| 13 | 斜体(イタリック) | <i></i> | １１．3. |
| 14 | 部分修飾 | <span></span> | １１．4. |
| 15 | 区切り | <hr> | １１．5. |
| 16 | 引用 | <blockquote></blockquote> | １１．6. |
| 17 | 注釈・細目 | <small></small> | １１．7. |
| 18 | アンダーライン | <u></u> （HTML5では廃止） | １１．8. |
| 19 | 打消し線 | <strike></strike> または<s></s> （HTML5では共に非推奨） | １１．9. |
| 20 | 音楽 | <audio></audio> | １３．2. |
| 21 | 動画 | <video></video> | １３．3. |
| 22 | インラインフレーム | <iframe></iframe> | １５．6. |
| 23 | HTML5で新たに 追加されたタグ |
<header></header> | １２．6. |
| 24 | <nav></nav> | １２．6. | |
| 25 | <section></section> | １２．6. | |
| 26 | <article></article> | １２．6. | |
| 27 | <aside></aside> | １２．6. | |
| 28 | <hooter></hooter> | １２．6. | |
すべてのタグに使用できる属性を「グローバル属性」と言います。通常使うものは、style、id、class、title です。
| No. | 指定 | プロパティ(属性) | バリュー(値） | 出てくる節・項 |
|---|---|---|---|---|
| 1 | 文の配置 | text-align | left、center、right | １．(13) |
| 2 | 文字色 | color | 例：red、#ff0000 | １．(15) |
| 3 | 文字の大きさ | font-size | 例：16px | １．(19) |
| 4 | 枠などの幅 | width | 例：640px | １．(3) |
| 5 | 枠などの高さ | height | 例：300px | |
| 6 | 線の表示 | border、border-top、border-right、 border-bottom、border-left |
例：solid 1px #ccc | ２．(3) |
| 7 | 枠の中央配置 | margin | margin : 0 auto; | ２．(5) |
| 8 | 枠外余白 | margin、margin-top、margin-right、margin-bottom、margin-left | 例：8px | ２．(7) |
| 9 | 枠内余白 | padding、padding-top、padding-right、 padding-bottom、padding-left | 例：5px | ２．(8) |
| 10 | 行間指定 | line-height | 例：1.5 | ３．(2) |
| 11 | フォントの指定 | font-family | 例："メイリオ" | ３．(5) |
| 12 | リストのマーク指定 | list-style(-type) | circle、square、none | ５． |
| 13 | 背景の色 | background(-color) | 例：#fafafa | ６．(2) |
| 14 | 要素の表示形式 | display | inline、inline-block、block | ６、(4) |
| 15 | 線の重ね方 | border-collapse | collapse | ７．(5) |
| 16 | フォントの太字/普通 | font-weight | bold、normal | ７．(8) |
| 17 | 改行などの指定 | white-space | nowrap | ７．(18) |
| 18 | 左または右に寄せて配置 | float | left、right | １０．(1) |
| 19 | floatの解除 | clear | left、right、both | １０．(5) |
| 20 | 文の状態 | text-decoration | underline、none | １１．8. |
| 21 | 縦方向配置 | vertical-align | top、middle など | １１．14. |
| 22 | 字下げ | text-indent | 例：16px | １２．5. |
| 23 | 角に丸みを付ける | border-radius | 例：10px | １２．8. |
| 24 | 位置の指定 | position | 例：relative、absolute | １２．9. |
| 25 | 枠に影を付ける | box-shadow | 例：2px 2px 3px #ccc | １２．11. |
| 26 | 文字に影を付ける | text-shadow | 例：1px 1px 2px #00f | １２．12. |
| 27 | 文章の均等割付 | text-align : justify; text-justify : @@@@; |
@@@@：newspaper、inter-ideograph | １２．13. |
pxは、pixel から来ており「画素」です。