#HTML5を復習した際の学び
HTML５を復習した際に曖昧だった点、忘れていた点をまとめました。
##水平線（horizontal rulers）
<hr/>で水平線を引くことができます。
すぐ下にある線が<hr/>と記入した場合にでる線になります。
<p>下に水平線引いてます。</p>
<hr/>
<p>上に水平線引いてます。</p>
##リンク（A link (anchor)）
リンクを作成するときの表現になります。
a というのは「いかり」「支え」を意味するanchorの頭文字になります。
<body>
<p>Show the link</p>
<a href="https://www.google.com">グーグルのサイト</a>
</body>
##Unordered lists
1,2,3....と表示するordered listsとは異なり、順番を指定しないリストになります。
square= □
circle=○
none=なし
というように、リストのスタイルを変えれば○や□といったものをリストの先頭につけることができます。
<ul style="list-style-type: circle">
<li>いち</li>
<li>に</li>
<li>さん</li>
</ul>
##クラスの概念
pという同じものを修飾しているように見えます。
しかし、クラスとidを指定してあるので、色は変わって表示されます。
青は青色、赤は赤色、緑は緑で表示されます。
idは文章中で1回、classは何度でも使うことができます。
<style>
p#last {
color: red;
}
p.example {
color: green;
}
p {
color: blue;
}
</style>
<p>青</p>
<p class="example">緑</p>
<p id="last" class="example">赤</p>