HTMLタイトル


HTML ドキュメントではタイトルが重要です。


見出しは <h1> - <h6> タグ .

<h1> によって定義されます。 最大のタイトルを定義します。 <h6> 最小の見出しを定義します。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>

</body>
</html>

サンプルの実行 »

オンラインサンプルを表示するには、「サンプルの実行」ボタンをクリックしてください

注: ブラウザは、タイトルの前後に空白行を自動的に追加します。


タイトルは重要です

HTML の title タグはタイトルにのみ使用してください。 太字大きなテキストを生成するためだけに見出しを使用しないでください。

検索エンジンは、ヘッダーを使用して Web ページの構造とコンテンツのインデックスを作成します。

ユーザーはタイトルを通じて Web ページをすばやく閲覧できるため、タイトルを使用してドキュメントの構造を示すことが重要です。

h1 を主見出し (最も重要) として使用し、次に h2 (次に重要)、h3 というように使用します。


HTML 水平線

<hr> タグは、HTML ページに水平線を作成します。
hr 要素はコンテンツを分離するために使用できます。

サンプル

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
	<p>hr 标签定义水平线:</p>
	<hr />
	<p>这是段落。</p>
	<hr />
	<p>这是段落。</p>
	<hr />
	<p>这是段落。</p>
</body>
</html>

サンプルの実行»

オンラインサンプルを表示するには、「サンプルの実行」ボタンをクリックしてください



HTMLコメント

HTMLコードにコメントを挿入でき、可読性が向上します。コードがより読みやすくなります。ブラウザはコメントを無視し、表示しません。

コメントは次のように書かれています:

インスタンス

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<!--这是一个注释,注释在浏览器中不会显示-->

<p>这是一个段落</p>

</body>
</html>

インスタンスを実行する»

オンラインインスタンスを表示するには、「インスタンスを実行」ボタンをクリックしてください

コメント:左括弧の後)、右括弧 (右側の括弧) の前に感嘆符を続ける必要があります。コメントを合理的に使用すると、将来のコード編集作業に役立ちます。 。


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

Web ページを見て、それがどのように実装されているかに驚いたことはありますか?

秘密を知りたい場合は、右クリックして「ソースの表示」(IE) または「ページのソースの表示」(Firefox) を選択してください。他のブラウザでも同じことができます。これにより、ページの HTML コードを含むウィンドウが開きます。

このサイトの例

タイトル
HTML ドキュメントにタイトルを表示する方法。

コメントを非表示にする
HTML ソース コードにコメントを挿入する方法。

水平線
水平線を挿入する方法です。


HTML タグ リファレンス マニュアル

W3CSchool のタグ リファレンス マニュアルには、これらのヘッダーとその属性に関する詳細情報が記載されています。

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

タグ説明
<html>HTMLドキュメントを定義
<body>ドキュメントの本文を定義
<h1> < h6>HTMLタイトルを定義
<hr>水平線を定義
<!--...-->コメントを定義