段落

Revised: 2nd/June/2002; Since: 29th/May/2002

見出しと連絡先が記述できたので、いよいよ文章を記述します。HTML 文書の文章は、基本的に段落と言う概念で捕らえます。この概念に対応する意味を表すのが p 要素です。本節では、 HTML 文書の段落を記述してみます。

前節までで、見だしとアドレスを記述しました。今度は各見出しに対して、文章を書いていきます。前回作ったファイルを「編集」しますので、テキストエディタで ./index.html を開いてください。

段落

文章は段落と云う概念で考えることが出来ます。段落を表す要素は p 要素です。

1. index.html をテキストエディタで開きましょう。
2. body 要素の内容を、次のように編集します。文の途中の改行は不要です。

   <h1>HTML 文書の概要</h1>
   
   <p>HTML 文書は要素を組み合わせて構築します。</p>
   
   
   <h2>html 要素</h2>
   
   <p>HTML 文書の要素は入れ子関係になっており、階層構造で捕らえることができ
   ます。その最も外側、最上位の階層の要素をルート要素と呼びます。要素の内容
   に現れる要素を子要素と呼びます。要素は必ず一つの親要素を持ちます。ただ一
   つ、ルート要素だけが例外で、最上位階層なので親要素を持ちません。</p>
   
   <p>html 要素は HTML 文書のルート要素です。子要素には head 素と body 要
   素しか存在しません。その他の要素は、これらの要素の子要素として現れます。
   同じ親要素をもつ子要素を兄弟間系と呼びます。head 要素と body 要素は兄弟
   関係です。</p>
   
   
   <h2>head 要素</h2>
   
   <p>head 要素には、当該文書の基本情報を記述します。必ず title 要素が存在
   することが特徴です。</p>
   
   
   <h2>body 要素</h2>
   
   <p>head 要素の次には、body 要素が現れます。この内容が、当該文書の本文に
   なります。</p>
   
   
   <h3>h1 要素</h3>
   
   <p>body 要素の内容に記述する見出しを意味する要素です。 h1 要素が最大のく
   くりの見出しで、最小のくくりの h6 要素まで６つの要素が存在します。</p>
   
   
   <h3>address 要素</h3>
   
   <p>これも body 要素の子要素で、連絡先を記述する要素です。</p>
   
   <hr />
   
   <address>
   今日の日付.
   <a href="mailto:貴方の e-mail address">貴方の名前</a>
   </address>
   

   記述できたら、「上書き保存」してください。
3. index.html をブラウザで開いて下さい。先ほど開いたままになっている場合は、「更新」 (reload) すれば結構です。

次のように表示されれば成功です：

強制行区切り

文や段落の途中で強制的に改行させる場合は、 br 要素を利用します。強制的に改行させたい場所に <br /> と書いてください。

<p>
ここは段落要素の内容部です。
ここにはテキストレベルのものしか書けませんが、
改行を表す br 要素は記述できます。<br />
これで改行されます。
</p>

【表示例】

強調と強い強調

英米系の文書では、強調するセンテンスを斜体（イタリック）、さらに強調する単語をゴシック太字（ボールド）で組版します。HTML で強調に対応するのが em 要素 (emphasis) で、強い強調が strong 要素 (strong emphasis) です。

たとえば、次のように p 要素の内容で使います。

<p>ここは普通の文章。<em>ここは強調したい文章。</em>文章の中に
<strong>強調したい単語</strong>が登場する事もあります。<em>強
調した文章の中に<strong>強調したい単語</strong>が登場する事も
あります。</em></p>