ITメモ
HTML
外部Link
【HTML ドキュメント】MDN Web Docs(Mozilla)
「HTML」リファレンス
HTMLメールの作り方「指定キーワード」を検索した「Google検索結果ページ」への「リンク」を作る方法「Google Map」へ「リンク」を作る方法「HTMLタグ」に「マウスアクション」を指定する方法「HTML」で「空白」を表示する方法「HTML」で「タブ(空白)」を表示する方法【XML】サイトマップ作り方
「HTML」の基礎知識
「HTML」の書式「HTML」でのコメントの仕方「HTML」での「改行」の仕方「CSS」の使い方「Javascript」の使い方「HTMLタグ」の使い方「HTML」の特殊文字一覧ブラウザやタブに表示される小さなアイコン「favicon(ファビコン)」の作り方他のページに移行する「リンク」の作り方 表の作り方Webページに画像の埋め込む方法動画を埋め込む方法音声ファイルを埋め込む方法地図を埋め込む方法入力フォームの作り方
「HTML」タグ
【DOCTYPE】「HTML」の「DOCTYPE宣言」【html】すべての「HTMLタグ」の親要素「html」タグ【head】「Webページ」の付属情報を設定する場所【meta】「Webページ」の設定をする「HTMLタグ」【title】「Webページ」の「タイトル」を設定する「HTMLタグ」【link】外部ファイルとの関係定義や読み込みをする方法【script】「Javascript」を実行する方法【div】レイアウトの枠として使う方法【p】文章の段落ごとに区分する方法【li】リスト(箇条書き)で表示をする方法【table】表の作り方【br】「HTML」での「改行」の仕方【a】リンクの作り方【h1-h6】Webページの見出しの設定方法【img】画像を表示する方法【span】文字列の一部を装飾する方法【ruby】「ルビ」をふるための要素
SEO(Search Engine Optimization)
「SEO対策」の具体的な方法「検索エンジン」に登録する方法「SEO対策」に有効な「ページタイトル」の記述方法「SEO対策」に有効な「キーワード」の記述方法「SEO対策」に有効な「ディスクリプション」の記述方法





【HTML】「h1-h6」 - Webページの見出しの設定方法

【HTML】
「h1-h6」 - Webページの見出しの設定方法




「h1-h6」タグは、
Web内の文章に、見出しをつけるタグ。

「h1」タグのみ、1つのHTML文章内で1つしか作成できない。
「h2」タグ以降は、1つのHTML文章内で複数作成可能。


「h1」タグは、優先順位が1番高く、
「h1-h6」まで各優先順位が決まっている。

「h1」タグは、
Webページの重要な見出しとして内容が重視され、
検索エンジンの検索など「SEO」としても重要な要素として考えられています。

Webページのタイトルと同様に、
「h1」タグには、そのWebページを表すような見出しを付けるようにする。






「h1」〜「h6」タグの書式

入力コード

<h1>見出し01</h1>
<h2>見出し02</h2>
<h3>見出し03</h3>
<h4>見出し04</h4>
<h5>見出し05</h5>
<h6>見出し06</h6>



出力結果

見出し01

見出し02

見出し03

見出し04

見出し05
見出し06




「h1-h6」タグの属性

【一般属性】 意味 使用可能タグ
id=id ID を指定
class=class クラスを指定します。
style=style スタイルシートを指定
title=title タイトルを指定。
dir=dir 文字の表示方向を指定。
lang=lang 言語を指定。
accesskey=key アクセスキーを指定。
tabindex=n タブインデックスを指定。
contenteditable=bool 要素を編集可能にする。
contextmenu=id コンテキストメニューを指定。
draggable=bool ドラッグを可能にする。
dropzone=value ドロップを可能にする。
hidden 要素を非表示にする。
spellcheck=bool スペルをチェックする。
IE拡張属性 他にもIEで拡張された属性が指定可能。