定義リスト

定義リストと言うのは、項目とその説明を示すためのタグで、表示(デフォルト)・記載の方法は右の通りです。

使用箇所は、What's New(index.html)、Profielesite mapの3箇所です。割と多用してます^^;;;;

表示 タグ記載
項目
項目の説明
項目
項目の説明
<dl>
<dt> 項目 </dt>
<dd> 項目の説明 </dd>
<dt> 項目 </dt>
<dd> 項目の説明 </dd>
</dl>

※表示の仕方は、それぞれCSSで 変更していますが、基本的な編集の仕方は、同じです。

▼What's New ▼Site Map ▼Profiele
<dl class="news">
<dt>更新日</dt>
<dd>更新内容</dd>
<dt>更新日</dt>
<dd>更新内容</dd>
</dl>
<dl class="map">
<dt>ページタイトル&リンク</dt>
<dd>ページ内容</dd>
<dt>ページタイトル&リンク</dt>
<dd>ページ内容</dd>
</dl>
<dl class="prof">
<dt>項目</dt>
<dd>内容</dd>
<dt>項目</dt>
<dd>内容</dd>
</dl>

class="**"は、[style.css]内のどのCSSを適用するか選択するための記述。)
項目数を増やしたい場合は、<dl>~</dl>内に、<dt>~</dt>、<dd>~</dd>の記述を増やして行けばOKです。

使用タグについて

※このテンプレートでは、下記のタグについて、cssで 表示を変更しています。

<h1> ~ </h1>
見出し1 … サイトタイトル(右上)に使用してます。
<h2> ~ </h2>
見出し2 … ページタイトル
<h3> ~ </h3>
見出し3 … 小見出し用。文字の前に、自動的ににくきゅうが挿入されるよう設定しています。開始タグの上と、終了タグの下に1行分のスペースができます。
<p> ~ </p>
段落タグ。開始タグの上と、終了タグの下に1行分のスペースができます。
<h3>タグ、<p>タグと上下隣り合って使用しても、間のスペースは1行分です。
<strong>~</strong>
強調タグ。ボールド設定なしの赤字になります。←こんな感じ

※その他、知っておくと便利なタグや特殊文字

<br />
改行タグ
<u> ~ </u>
下線タグ
<b> ~ </b>
太字。強調の意味は持ちません。
<em> ~ </em>
強調タグ。<storong>よりは、やや軽めの強調。
<I> ~ </I>
斜体タグ。強調の意味は持ちません。
Copyright(c) 実瑞(ねこの靴跡) All rights reserved.