最新のWeb開発のチュートリアル

HTML見出し


見出しはHTML文書において重要です。


HTML見出し

見出しは、で定義されている<h1> to <h6>タグ。

<h1>最も重要な見出しを定義します。 <h6>少なくとも重要な見出しを定義します。

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
»それを自分で試してみてください

Note:ブラウザが自動的にいくつかの空のスペースを追加( a margin )各見出しの前と後。


見出しは重要であり、

見出しのみのためのHTMLの見出しを使用します。 テキストを作るために見出しを使用しないでくださいBIGbold

検索エンジンはインデックスにあなたのWebページの構造と内容をあなたの見出しを使用します。

ユーザーは、その見出しでページをすくい取ります。 文書構造を表示するために見出しを使用することが重要です。

h1見出しは続くメイン見出し、あるべきh2見出し、その後、あまり重要h3ように、と。


HTML横罫線

<hr>タグは、HTMLページ内の水平線を作成します。

hr要素は、別々のコンテンツに使用することができます。

<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
»それを自分で試してみてください

HTML <head>要素

HTML <head>要素は、HTMLの見出しとは何の関係もありません。

HTML <head>要素は、 メタデータが含まれています。 メタデータは表示されません。

HTML <head>要素が間に配置される<html>タグと<body>タグ

<!DOCTYPE html>
<html>

<head>
  <title>My First HTML</title>
  <meta charset="UTF-8">
</head>

<body>
.
.
.
»それを自分で試してみてください

メタデータは、データに関するデータを意味します。 HTMLメタデータは、HTML文書に関するデータです。


HTML <title>要素

HTML <title>要素は、メタデータです。 これは、HTMLドキュメントのタイトルを定義します。

タイトルは、文書内に表示されませんが、ブラウザのタブに表示されることがあります。


HTML <meta>要素

HTML <meta>要素は、メタデータです。

文字セット、およびHTML文書に関するその他の情報を定義するために使用することができます。


その他のMeta要素

HTMLのスタイルについての章では、より多くのmeta要素を発見します:

HTML <style>要素は、内部のCSSスタイルシートを定義するために使用されます。

HTML <link>要素は、外部CSSスタイルシートを定義するために使用されます。


HTMLヒント - HTMLソースを表示する方法

あなたは今までのWebページを見て疑問に思っている"Hey! How did they do that?"

調べるには、ページ内で右クリックして選択し"View Page Source" (Chromeで)または"View Source" (in IE) 、または別のブラウザで同様。 これは、ページのHTMLコードを含むウィンドウを開きます。


練習で自分自身をテストします!

演習1» 演習2» 演習3» 演習4»


HTMLタグリファレンス

w3ii」タグの参照は、これらのタグとその属性に関する追加情報が含まれています。

このチュートリアルの次の章では、HTMLタグと属性について詳しく説明します。

タグ 説明
<html> HTMLドキュメントを定義します
<body> 文書の体を定義します
<head> ドキュメントのhead要素を定義します
<h1> to <h6> HTMLの見出しを定義します
<hr> 水平線を定義します