HTMLの見出しと段落LOGIN

HTMLの見出しと段落

HTML タイトルと段落


HTML タイトル

見出し (見出し) は、<h1>

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

<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>我是最大的</h1>
<h2>我是第二大的</h2>
<h3>我是第三大的</h3>
....
<h6>我是最小的</h6>
</body>
</html>

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

タイトルは重要です

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

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

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

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

HTML 段落

タイトルの後に段落が表示されます。たとえば、テキストを分割したい場合は、< タグを使用します。 p> タグ:

<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>《背影》-朱自清</h1>
<p>我与父亲不相见已二年余了,我最不能忘记的是他的背影。</p>那年冬天,祖母死了,父亲的差使也交卸了,正是祸不单行的日子。我从北京到徐州打算跟着父亲奔丧
回家。到徐州见着父亲,看见满院狼藉的东西,又想起祖母,不禁簌簌地流下眼泪。父亲说:“事已如此,不必难过,好在天无绝人之路!”</p><p>回家变卖典质,父亲
还了亏空;又借钱办了丧事。这些日子,家中光景很是惨淡,一半为了丧事,一半为了父亲赋闲。丧事完毕,父亲要到南京谋事,我也要回北京念书,我们便同行。</p>
</body>
</html>

例のテキストはセグメントで表示されませんが、<p> タグを使用して Web ページ上で実行するとセグメントで表示されます。鬼ごっこ。

HTML 水平線

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


<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>我是最大的</h1>
<hr>
<h2>我是第二大的</h2>
<hr>
<h3>我是第三大的</h3>
<hr>
....
<h6>我是最小的</h6>
</body>
</html>

HTML コメント

HTML コードにコメントを挿入すると、読みやすさが向上し、コードが理解しやすくなります。ブラウザはコメントを無視し、表示しません。

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

<!-- コメント -->

HTML ヒント - ソース コードの見方

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

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


次のセクション

<html> <head> <meta charset="utf-8"> </head> <body> <h1>我是最大的</h1> <h2>我是第二大的</h2> <h3>我是第三大的</h3> .... <h6>我是最小的</h6> </body> </html>
コースウェア