HTMLの復習

HTMLの復習で基本的なタグなどをまとめてみた。

【hタグ】は見出しを付ける際に使用。<h1>などの数字が小さいほど小さい見出しが表示される。

　<h1>見出し</h1>

【pタグ】は段落を表現する際に使用。

　<p>テキスト</p>

【aタグ】は別のページのリンクを貼る際に使用。hrefの後にリンク先にURLを記述し、開始タグと終了タグの間にテキストを記述。

　<a href="リンク先のURL">リンク先</a>

【imgタグ】は画像を表示する際に使用。srcの後に表示させたい画像のURLを記述し、altの後に画像の説明を記述。

　<img src="画像のURL"　alt="画像の説明">

【ulタグ】は箇条書きのリストで要素を並べる際に使用

　<ul>
　<li>項目１</li>
　<li>項目２</li>
　<li>項目３</li>
　</ul>

【olタグ】は連番付きの箇条書きリストで要素を並べる際に使用。olが親要素に対してliが子要素となる

　<ol>
　<li>項目１</li>
　<li>項目２</li>
　<li>項目３</li> 
　</ol>

【divタグ】は要素をグループ化する役割があり、CSSで見た目の調整やJSから要素を操作する場合などに使用。

　<div></div>

【headerタグ】はヘッダーを示す際に使用。一般的にwebサイトの上部にあるロゴや共通メニューなどを表示する領域。

　<header>

　ここにいくつかの要素

　</header>

【footerタグ】はフッターを示す際に使用。headerとは逆でwebサイトの下部に各画面へのリンクや文章などを表示する領域。

　<footer>

　ここにいくつかの要素

　</footer>

【sectionタグ】はwebページにおいて意味や昨日のまとまりであることを示す。

　<section>

　ここにいくつかの要素

　</section>