第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」の略。

※文章ではなく文章のまとまりを表すタグ。

【参考資料】

developer.mozilla.org

brタグ

改行を行うためのタグ。「br」は「Break」の略。

【参考資料】

developer.mozilla.org