第1回 (2022/10/19)
参考書:P42 ~ P49
今回の学習内容
HTML構築の基本タグ(骨組み)
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>ページタイトル</title> </head> <body> 本文 </body> </html>
h1~h6(見出しタグ)
「heading」の略でページのタイトルや段落の見出しを設定し、文章構造を読者と検索エンジンにわかりやすく伝える。必ずh1~h6の順番通りに書く。
h1
コンテンツのテーマを表す。titleタグと本質的な役割が同じ。
h2(大見出し)
h1の次に重要なテキストに使用。
h3(中見出し)
h2の中のポイントとなるテキストに使用。
h4~h6(小見出し)
h3で内容がまとまらないときに、補足的に使用。
【参考資料】 developer.mozilla.org
<< 使用例 >>
<h2>hタグの種類</h2> <p>(本文)</p> <h3>①h1タグ</h3> <p>(本文)</p> <h4>h1タグを使うときのポイント</h4> <p>(本文)</p> <h3>②h2タグ</h3> <p>(本文)</p> <h4>h2タグを使うときのポイント</h4> <p>(本文)</p>
pタグ
段落を指定するためのタグ。「P」は「Paragraph」の略。
※文章ではなく文章のまとまりを表すタグ。
【参考資料】
brタグ
改行を行うためのタグ。「br」は「Break」の略。
【参考資料】