HTML の見出し
見出しは <h1> と <h6> タグで定義されます。
<h1>最も重要な見出しを定義します。<h6> 最も重要でない見出しを定義します。
例文
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
ノート: ブラウザは見出しの前後に空白（マージン）を自動的に追加します。
見出しは重要です
検索エンジンは見出しを使用して、Webページの構造とコンテンツのインデックスを作成します。
例えば、あなたが検索してwebサイトを表示する際に見出しを読みどれをクリックするか考えます。なので、見出しを上手く使用してページの
主旨を訪問者へ伝えることが重要です。
<h1>にメインの見出しを記載 <h2> に第二の見出し、 <h3>はさらに重要度の低いものを
使用する必要があります。
ノート: 見出しは表示を 大きく する為 ボールド（太字）にする為に使用しないでください。
見出しとしたいテキストのみに使用して下さい
より大きな見出し
各HTML見出しにはデフォルトのサイズがあります。ただし、style CSS font-size プロパティを使用して属性を登録することで
見出しを任意に指定出来ます:
例文
<h1
style=”font-size:60px;”>Heading 1</h1>
HTML 水平方向のルール
<hr> タグは、HTMLページのテーマの区切りを定義するものなので、水平方向のルールとして表示されます。
この <hr> 要素はHTMLページのコンテンツを分離する（または変更を定義）為に使用します。:
例文
<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>
The HTML <head> 要素
HTML <head> element is a container for metadata. HTML metadata is data about the HTML document. Metadata is not displayed.
The <head> element is placed between the <html> tag and the <body> tag:
例文
<!DOCTYPE html>
<html>
<head>
<title>My First HTML</title>
<meta charset=”UTF-8″>
</head>
<body>
.
.
.
ノート: Metadata typically define the document title, character set, styles, scripts, and other meta information.
HTMLソースを表示する方法は?
Webページをみて”どうやって作成し表示しているのか?”思うことがあるはずです
HTML内容を表示:
HTMLページを右クリックして、『ページソースの表示』（Chromeの場合）または『ソースの表示』（Edgeの場合）、または他のブラウザーの同様のものを選択します。
これにより、ページのHTMLソースコードを含むウィンドウが開きます。
HTMLを確認します:
要素（または空白の領域）を右クリックし、 “Inspect” または
“Inspect Element” を選択して、構成要素を確認します（HTMLとCSSの両方が表示されます）。
また、開いているエレメントパネルまたはスタイルパネルで、HTMLまたはCSSをその場で編集することもできます。
HTML Tag Reference
berry’ tag reference contains additional information about these tags and their attributes.
You will learn more about HTML tags and attributes in the next chapters of this tutorial.
| Tag | 説明 |
|---|---|
| <html> | Defines the root of an HTML document |
| <body> | Defines the document’s body |
| <head> | A container for all the head elements (title, scripts, styles, meta information, and more) |
| <h1> to <h6> | Defines HTML headings |
| <hr> | Defines a thematic change in the content |
さらにタグについてもっと知るには HTML Tag 辞典を参照して下さい