HTMLでの文章表現

HTMLでは、文章を文書構造(見出しと段落)で表現します。

見出しは<h1><h6>までを見出しのレベルに応じ数字であらわします。
つまり<h1>は最も重要な見出しであり、<h6>は、さほど重要でない見出しということになります。
ここで、気をつけていただきたいことは、見出し<h1>〜<h6>は、文字の大きさを表すものではない! 情報の重要度を表すということです。

段落は、<div><p>であらわします。<div>は、 段落をグループ化した、大きな段落で主にレイアウト用に使用する、 <p>は文章の段落を表す場合に使用します。
強制改行には、<br>を使用します。例>>
改行は、本来はブラウザに任せる方が、無難です。

例の<body>内は下記の様に書かれています。

<body>
<h1>初めてのHTML(見出し1)</h1>
<p>最初のぺーじです。</p>
<h2>見出し2</h2>
<p>見出し2の段落</p>
<h3>見出し3</h3>
<p>見出し3の段落</p>
<h4>見出し4</h4>
<p>見出し4の段落</p>
<h5>見出し5</h5>
<p>見出し5の段落</p>
<h6>見出し6</h6>
<p>見出し6の段落</p>
<p>
見出しは<em><h1></em>〜<em><h6></em>までを見出しのレベルに応じ数字であらわします。<br>
つまり<h1>は<em>最も重要な見出し</em>であり、<em><h6>は、さほど重要でない見出し</em>ということになります。<br>
ここで、気をつけていただきたいことは、見出し<h1>〜<h6>は、<em>文字の大きさを表すものではない!</em> ということです。
</p>
<p><a href="lesson01.html">戻る</a></p>
</body>

ここまでが理解できれば、文章の表示は簡単に出来ると思います。
ためしに、ひとつ文章を作って見ましょう。
下記文章を利用して、見出しと段落、強制改行を利用し、読みやすいhtmlを製作してください。

HTMLの見出しは、H1〜H6までありますが、多くの方が文字の大きさを変えるものと信じているようです。 H1〜H6の順に文字の大きさが小さくなっていく・・・ といわれる方がほとんどです。しかし、これは大変な間違いです。 Headingは、見出しのレベルです。すなわち、H1はトップレベルの見出しという意味です。 また、見出しは、H1から順に(H2,H3,H4,H5,H6)書きます。 H1は必ず1ページにおいて1回しか書くことができません。 H2から下は、その見出しレベルにより順に何度でも書くことが可能です。 しかし、H1の次にH3がくるということは決してありません。 文字の大きさは、H1〜H6の順に大きくすることも可能なのです。 ここで必ず理解しておかなければいけないことは、 headingは文字の大きさを変えるものではないのです。 ただ、お使いのブラウザの仕様がそのようになっているだけのことです。

うまくできましたか?

仮にtest03.htmlのように加工できたことを確認しましょう。

次のページへ  nanden.netのトップページに戻る

copyright © 2005 nanden.net All Rights Reserved admini@nanden.net