HTML復習

#HTMLの復習
HTMLの復習をして、覚えていなかった所をアウトプットするための記事です。

・「リスト」
基本的には2種類のリストが存在する。

①点型(・)
②数字型(1)

➀
<ul>
<li>怪物</li>
<li>ドラゴン</li>
<li>孫さん</li>
</ul>

・怪物
・ドラゴン
・孫さん

---

➁
<ol>
<li>ハリケーン</li>
<li>風邪</li>
<li>マイクロソフト</li>
</ol>

1.ハリケーン
2.風邪
3.マイクロソフト

・「表」
表を作る時に用いるコード

➀見出しセル➡<th></th>
➁データセル➡<td></td>
➂表の行　　➡<tr></tr>

<table>
<tr>
<th>見出し</th>
</tr>
<tr>
<td>データ</td>
</tr>
<tr>
<td>データ</td>
</tr>
</table>

・「余白」
余白は大きく2つあります。
非常にややこしいです。
基本的にHTMLでは、文字の周囲に「見えない枠」があります。
その枠を基準にして余白を作っていきます。

➀基準の枠の外側の余白➡margin
➁基準の枠の内側の余白➡padding

➀
h2{ margin-top: 20px}→枠の外の上側に20px
h2{ margin-right: 20px}→枠の外の左側に20px
h2{ margin: 20px} →枠の外の全ての方向に20px

---

➁
h2{ padding-top: 20px}→枠の内の上側に20px
h2{ padding-right: 20px}→枠の内の左側に20px
h2{ padding: 20px} →枠の内の全ての方向に20px