トップ
トップ >  IT一般 >  HTML >  リスト
リストタグ
番号なしリストタグ(UnorderedList)
書式
<ul>
 [<li>リスト</li>]…
</ul>
タグ属性説明
ul
属性名属性値
typeリストの前に表示される記号を指定します。
説明
disc塗潰した丸
circle
square塗潰した正方形
リストを表すタグです。
li-リスト内の各要素を表すタグです。
ulタグ内にリスト表示したい各項目をliタグで囲んで指定します。

記述例実行結果説明
<ul>
 <li>対象1</li>
 <li>対象2</li>
</ul>
  • 対象1
  • 対象2
リストを表示しています。
<ul type="circle">
 <li>対象1</li>
 <li>対象2</li>
</ul>
  • 対象1
  • 対象2
typeをcircleに指定しています。
<ul type="square">
 <li>対象1</li>
 <li>対象2</li>
</ul>
  • 対象1
  • 対象2
typeをsquareに指定しています。

番号付きリストタグ(OrderedList)
概要
自動的に通し番号が振られるリストです。

書式
<ol>
 [<li>リスト</li>]…
</ol>
タグ属性説明
ol
説明デフォルト
typeリストの前に表示される記号を指定します。
説明
1数字になります。
I大文字のローマ数字になります。
i小文字のローマ数字になります。
A大文字のアルファベットになります。
a小文字のアルファベットになります。
1
value番号を指定すると、それ以後は指定した番号からの連番になります。1
リストを表すタグです。
li-リスト内の各要素を表すタグです。
olタグ内にリスト表示したい各項目をliタグで囲んで指定します。

記述例実行結果説明
<ol>
 <li>対象1</li>
 <li>対象2</li>
</ol>
  1. 対象1
  2. 対象2
番号付きリストを表示しています。
<ol type="I">
 <li>対象1</li>
 <li>対象2</li>
</ol>
  1. 対象1
  2. 対象2
typeを指定しています。
<ol>
 <li>対象1</li>
 <li value="4">対象2</li>
</ol>
  1. 対象1
  2. 対象2
valueを指定しています。

定義リストタグ(DefinitionList)
概要
用語とその定義を示すリストを作成します。

書式
<dl>
[
<dt>用語</dt>
<dd>定義</dd>
]・・・
</dl>
タグ属性説明
dl
説明
compact指定すると、用語と定義を1行で表示するようにします。
定義リストを表します。
dt-用語を表します。
dd-定義を表します。

記述例実行結果説明
<dl>
 <dt>対象1</dt>
 <dd>対象2</dd>
</dl>
対象1
対象2
定義リストを表示しています。
トップ >  IT一般 >  HTML >  リスト