基本的なHTMLタグリスト | 全て無料！ホームページテンプレートの部屋

スポンサードリンク

HTMLタグ　リスト

リストはホームページをキレイに見せるためにも役立つし、訪問者にもわかりやすいサイトだと認識させることができるHTMLタグです。一般的にリストタグを使用するとSEO効果も高いといわれていますので、できるだけ使うようにするといいと思います。

リストの基本形です。

マークつきのリストを作りたい場合はこちらのタグを使用します。

<ul>タグで全体を囲い、項目ごとに<li>タグを使用します。

リストはWeb上キレイに表示されますので、積極的に使っていくことをオススメします。

※例

<ul>

</ul>

↓↓↓

番号つきのリストを作るときに使用します。

こちらは<ol>タグで全体を囲い、項目ごとに<li>タグを使用します。

※例

<ol>

</ol>

↓↓↓

用語と説明をリスト化するときに使用します。

使い方は全体を<dl>タグで囲い、用語を<dt>、説明を<dd>という形で使用します。

こちらのタグを使うとHTMLがとってもスッキリしますので、検索エンジンにも優しいサイトになります！

また、用語<dt>と説明<dd>は必ずしも１対１になる必要はなく、例えば用語<dt>１つに対して、説明<dd>が６つで構成されていても構いません。

※例

<dl>

<dd>htmlとは</dd>

<dd>CSSとは</dd>

<dd>テンプレート</dd>

<dd>お問い合わせ</dd>

</dl>

↓↓↓

スポンサードリンク