初級 第4話 『タイトルを付けるタグ』の巻



タイトルを付けるタグ


まだ簡単!
今回は、長い文章などにタイトルを付けてレイアウト構成するというタグのお話です。

タイトルを付けるタグ

<dl><dt>〜<dd>〜</dl>

<dt>の後にタイトルを入力
<dd>の後に本文を入力


【 解説 】
<dl>〜</dl>のタグは、「このタグで囲まれた範囲の文章をタイトルと本文に分けます」と というような宣言の働きをしているものです。
まず<dt>の後ろにタイトルを入力し<dd>の後ろに本文を入力します。 改行は自動で行われ、<dd>の後ろに入力された本文は、左側にスペースが挿入されるので <dt>で指定されたタイトルが引き立てられます。
<dt> <dd>にも数の制限は有りませんので下記のような使い方も出来ます。

<dl>
<dt> タイトル1
<dd> 本文1
<dt> タイトル2
<dd> 本文2
<dt> タイトル3
<dd> 本文3
</dl>
===例 ノーマルタイプ===
作者の独り言
今回勉強しているタグは、HTMLの中でも好きなタグです。構成するのに便利で、 NICS-NETでもこのページを作るのにも使用しています。どこで使っているか分かりますか。


上記の文章を<dl><dt>〜<dd>〜</dl>のタグを使って構成してみると 下記のようになります。

===例 タグを利用した場合===
HTMLの記述
<dl>
<dt>作者の独り言
<dd>今回勉強しているタグは、HTMLの中でも好きなタグです。構成するのに便利で、 NICS-NETでもこのページを作るのにも使用しています。どこで使っているか分かりますか。
</dl>
ホームページの表示例
作者の独り言
今回勉強しているタグは、HTMLの中でも好きなタグです。構成するのに便利で、 NICS-NETでもこのページを作るのにも使用しています。どこで使っているか分かりますか。


 目次へ 

前のページへ

次のページへ