コードを書くときに手元に置いておきたい、よく使うHTMLタグとCSSプロパティの一覧です。
📝 HTMLタグ早見表
| タグ | 意味 |
|---|---|
<h1>〜<h6> | 見出し（数字が大きいほど小さい） |
<p> | 段落 |
<a href=""> | リンク |
<img src="" alt=""> | 画像（閉じタグ不要） |
<ul><li> | 箇条書きリスト |
<ol><li> | 番号付きリスト |
<table><tr><td> | 表 |
<form><input> | フォーム |
<div> | ブロック要素の区切り |
<span> | インライン要素の区切り |
<br> | 改行（閉じタグ不要） |
🎨 CSSレイアウト早見表
| 目的 | CSS |
|---|---|
| 横に並べる | display: flex; |
| 中央寄せ（横） | justify-content: center; |
| 中央寄せ（縦） | align-items: center; |
| グリッドレイアウト | display: grid; grid-template-columns: 1fr 1fr; |
| ブロックを中央に | margin: 0 auto; width: 800px; |