<!DOCTYPE html><!--DOCTYPE宣言,HTMLのバージョンを宣言するためのもの。ここではHTML5-->
<html lang="ja"><!--言語の指定-->
<head><!--ページに表示されない内容(hp作成に関する情報)-->
<meta charset="utf-8"><!--HTML5での文字コードはUTF-8が推奨(文字化け対策)-->
<title>タイトル</title><!--タブに表示されるタイトル-->
<link rel="stylesheet" href="style.css"><!--cssの読み込み-->
</head>
<body><!--ページに実際に表示される内容-->
</body>
</html>
リンクを新しいタブで開かせる方法
<a href="https://www.google.co.jp/" target="_blank">Google</a>
なぜdivタグで囲むのか？
divで囲むと一気にcssを適用できる
ulタグをfloatするときは`overfow: hidden
floatした時はoverflow hidden
float left rightしたときはclear bothすること
cssでbackground imageでしたほうがよい
border-radius 50%にすると（height width)丸くなる
<a class="img"....
などクラスを指定することもできる。
aタグはインライン要素になるので、幅や高さを指定できない。
そのためinline-blockに変更する
containerにmargin 0 autoとすることで全てが中央寄せになる。