Homepage Zero ガイド
logo

ゼロから始めよう!わかりやすい!ホームページ作成ガイド

初めての方へ|総合案内|お問い合わせ|当サイトについて

ホームページ初心者ガイド| HTML| CSS| ホームページお役立ち情報| ホームページレベルアップ情報| その他

ホームHTMLリファレンス(アルファベット検索)><li>タグ

HTMLタグ辞典
タグ一覧(ABC順) 目的別タグ一覧 スタイルシート一覧(ABC順) 目的別スタイルシート一覧

<li>…リストの項目を作成する

使用タグ

HTMLタグ

<li 属性="属性値">〜</li>

開始タグと
終了タグ

開始タグ必須
終了タグ省略可

内容となる
要素

ブロック要素、インライン要素、テキスト

対応ブラウザ IE6 WinFireFox WinSafariFireFox MacIE5 macOpera

解説

<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>
↓
[ブラウザでの表示例]
ブラウザ

日本の行きたい場所

  1. 沖縄
  2. 北海道
  3. 大阪
  4. 宮城
  5. 名古屋
  1. 沖縄
  2. 北海道
  3. 大阪
    1. たこ焼屋
    2. USJ
    3. 万博公園
    4. 道頓堀極楽商店街
  4. 宮城
  5. 名古屋

関連情報ページ

ページトップへ

ホームページ初心者ガイド| HTML| CSS| ホームページお役立ち情報| ホームページレベルアップ情報| その他

<TOP>

logo
ゼロから始めよう!わかりやすい!ホームページ作成ガイド

|初めての方へ|総合案内|お問い合わせ|当サイトについて|

copyright (C) TOMIY All Right Reserved
inserted by FC2 system