はじめに

この記事はHTML&&CSSに初めて触れたプログラミング初心者の記事です。
復習を兼ねてテキトーにつらつら書いていきます。

メモ

・リンクの挿入
<a href="リンクURL">テキスト</a>
・画像の挿入
<img src="画像ファイル名.拡張子">
・改行
brタグ

・リスト
ulタグ

・連番
olタグ

・表の書き方
tableタグ
tr：行
th：セルの見出し
td：セル

〇例
<table> 　<tr> 　<th>食べ物</th><th>種類</th> 　 </tr> 　 <tr> 　 <td>イチゴ</td><td>果物</td> 　 </tr> 　 <tr> 　 <td>ラーメン</td><td>麺類</td> 　</tr> </table>でこうなる↓

食べ物	種類
イチゴ	果物
ラーメン	麺類

（関係ないけどこの謎の空白が空いてしまうのはなんなんだろう・・・）

・ボックス構造

1.border：枠線を指定できる
2.margin:ボックス外側の余白を指定できる
3.padding:ボックス内側の余白を指定できる
※それぞれ上下左右の幅を指定できる

・まずサイト設計をする
これを行わないと後でコードがぐちゃぐちゃになる
1.作る目的を明確に
2.具体的な内容を考え
3.デザインに落とし込む

・意識すること
1.誰が見ても分かるように
2.区切りを意識する
3.綺麗に見やすくする
　　→デバッグがしやすくなる
4.無駄なく（なぜそのコードを書いたのか）