ホーム>HTMLリファレンス(アルファベット検索)><li>タグ
<li>…リストの項目を作成する
使用タグ
|
<li 属性="属性値">〜</li> |
開始タグと 終了タグ |
開始タグ必須 終了タグ省略可 |
内容となる 要素 |
ブロック要素、インライン要素、テキスト
|
|
|
解説
<li>タグを使えば、<ul>(通常のリスト)や、<ol>(順序のあるリスト)でリストを作成したときに、<ul>〜</ul>または<ol>〜</ol>内にリストの項目を記述できます。
|
属性と働き
属性 |
働き |
指定できる値 |
type="行頭記号や行頭数字の種類"
非推奨
CSSでの指定…list-style-type |
リストの先頭に表示させる記号や数字、アルファベットを指定できます |
disc(黒丸)
circle(白丸)
square(黒い四角)
1(数字)
a(小文字のアルファベット)
A(大文字のアルファベット)
i (小文字のローマ数字)
I (大文字のローマ数字) |
value="数字"
非推奨
CSSでの指定…なし |
リストの項目の行頭の数字を指定できます |
整数 |
使用例
記述例
<h3>日本の行きたい場所</h3>
<ol type="1" >
<li>沖縄</li>
<li>北海道</li>
<li>大阪</li>
<li>宮城</li>
<li>名古屋</li>
</ol>
<ol type="a" >
<li>沖縄</li>
<li>北海道</li>
<li>大阪</li>
<ol type="I">
<li>たこ焼屋</li>
<li>USJ</li>
<li>万博公園</li>
<li>道頓堀極楽商店街</li>
</ol>
<li>宮城</li>
<li>名古屋</li>
</ol>
|
|
[ブラウザでの表示例]
ブラウザ |
日本の行きたい場所
- 沖縄
- 北海道
- 大阪
- 宮城
- 名古屋
- 沖縄
- 北海道
- 大阪
- たこ焼屋
- USJ
- 万博公園
- 道頓堀極楽商店街
- 宮城
- 名古屋
|
△ページトップへ
ホームページ初心者ガイド|
HTML|
CSS|
ホームページお役立ち情報|
ホームページレベルアップ情報|
その他