HTMLチュートリアル

HTMLホーム HTMLの紹介 HTMLエディター HTMLベーシック HTML要素 HTML属性 HTML見出し HTML段落 HTMLスタイル HTMLフォーマット HTMLの引用 HTMLコメント HTMLの色 HTML CSS HTMLリンク HTML画像 HTMLファビコン HTMLテーブル HTMLリスト HTMLブロックとインライン HTMLクラス HTMLID HTMLIframe HTML JavaScript HTMLファイルパス HTMLヘッド HTMLレイアウト HTMLレスポンシブ HTMLコンピューターコード HTMLセマンティクス HTMLスタイルガイド HTMLエンティティ HTMLシンボル HTML絵文字 HTML文字セット HTMLURLエンコード HTMLとXHTML

HTMLフォーム

HTMLフォーム HTMLフォーム属性 HTMLフォーム要素 HTML入力タイプ HTML入力属性 HTML入力フォームの属性

HTMLグラフィックス

HTMLキャンバス HTML SVG

HTMLメディア

HTMLメディア HTMLビデオ HTMLオーディオ HTMLプラグイン HTML YouTube

HTML API

HTMLジオロケーション HTMLドラッグアンドドロップ HTMLWebストレージ HTMLWebワーカー HTML SSE

HTMLの

HTMLの例 HTMLクイズ HTML演習 HTML証明書 HTMLの概要 HTMLアクセシビリティ

HTMLリファレンス

HTMLタグリスト HTML属性 HTMLグローバル属性 HTMLブラウザのサポート HTMLイベント HTMLの色 HTMLキャンバス HTMLオーディオ/ビデオ HTMLDoctypes HTML文字セット HTMLURLエンコード HTML言語コード HTTPメッセージ HTTPメソッド PXからEMへのコンバーター キーボードショートカット

HTML見出し


HTML見出しは、Webページに表示するタイトルまたはサブタイトルです。


Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

HTML見出し

HTMLの見出しは、<h1>to<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ページの構造とコンテンツにインデックスを付けます。

ユーザーは、ページの見出しをざっと読むことがよくあります。ドキュメントの構造を示すために見出しを使用することが重要です。

<h1>見出しは主な見出しに使用し<h2>、次に見出し、次に重要度の低いもの などを使用する必要があり<h3>ます。

注: HTML見出しは見出しにのみ使用してください。テキストを大きくしたり太字にしたりするために見出しを使用しないでください


より大きな見出し

各HTML見出しには、デフォルトのサイズがあります。styleただし、 CSSfont-sizeプロパティを使用して、属性を使用して任意の見出しのサイズを指定できます。

<h1 style="font-size:60px;">Heading 1</h1>


HTML演習

エクササイズで自分をテストする

エクササイズ:

正しいHTMLタグを使用して、「ロンドン」というテキストの見出しを追加します。



<p>ロンドンはイギリスの首都です。イギリスで最も人口の多い都市であり、人口は1,300万人を超える大都市圏です。</ p>


HTMLタグリファレンス

W3Schoolsのタグリファレンスには、これらのタグとその属性に関する追加情報が含まれています。

Tag Description
<html> Defines the root of an HTML document
<body> Defines the document's body
<h1> to <h6> Defines HTML headings

利用可能なすべてのHTMLタグの完全なリストについては、HTMLタグリファレンスにアクセスしてください。