プログラミング初心者のHTML&&CSS備忘録

#はじめに
この記事は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>
```でこうなる↓
<table>
　<tr>
    <th>食べ物</th><th>種類</th>
  </tr>
  <tr>
    <td>イチゴ</td><td>果物</td>
  </tr>
  <tr>
    <td>ラーメン</td><td>麺類</td>
  </tr>

</table>
（関係ないけどこの謎の空白が空いてしまうのはなんなんだろう・・・）
<br>
・ボックス構造
<img src="https://s3-ap-northeast-1.amazonaws.com/mash-jp/staging/uploads/3401/e81de1a5939d1f8df32f06d1e5357fff601096b4.3457.original.png?1488165207"width=50%>
1.border：枠線を指定できる
2.margin:ボックス外側の余白を指定できる
3.padding:ボックス内側の余白を指定できる
※それぞれ上下左右の幅を指定できる

###ここまでが復習###

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

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