Hatiyari <li> tabi

定義と使用法

<li> タグはリストアイテムを定義します。

<li> タグは順序リスト用です（<ol>)、非順序リスト (<ul>)とメニューリスト (<menu>)内で。

<ul>および<menu>内では、リストアイテムは通常アイコンで表示されます。

<ol>内では、リストアイテムは通常数字やアルファベットで表示されます。

ヒント：CSSを使用してリストスタイルを設定する.

参照してください：

HTML 教程：HTML ƙirikiri

HTML DOM リファレンスマニュアル：Li オブジェクト

CSS 教程：リストのスタイルを設定する

インスタンス

例 1

順序 (<ol>) と非順序 (<ul>) の HTML リスト：

<ol>
  <li>Coffee</li>
  <li>茶</li>
  <li>milky</li>
</ol>
<ul>
  <li>Coffee</li>
  <li>茶</li>
  <li>milky</li>
</ul>

Yin aiki da shi aikinsa

例 2

順序リストで value 属性を使用する：

<ol>
  <li value="100">コーヒー</li>
  <li>茶</li>
  <li>milky</li>
  <li>純水</li>
  <li>ジュース</li>
  <li>ビール</li>
</ol>

Yin aiki da shi aikinsa

例 3

異なるリストスタイルタイプを設定する（CSSを使用して）：

<ol>
  <li>Coffee</li>
  <li style="list-style-type:lower-alpha">茶</li>
  <li>milky</li>
</ol>
<ul>
  <li>Coffee</li>
  <li style="list-style-type:square">茶</li>
  <li>milky</li>
</ul>

Yin aiki da shi aikinsa

例 4

在リスト内にリストを作成する（ネストリスト）：

<ul>
  <li>Coffee</li>
  <li>Tea</li>
    <ul>
      <li>Pu'er</li>
      <li>绿茶</li>
    </ul>
  </li>
  <li>milky</li>
</ul>

Yin aiki da shi aikinsa

Tari 5

Tana kafa ƙirikiri na ƙarfi a cikin ƙarfi:

<ul>
  <li>Coffee</li>
  <li>Tea</li>
    <ul>
      <li>Pu'er</li>
      <li>Green tea</li>
        <ul>
          <li>Biluochun</li>
          <li>Longjing</li>
        </ul>
      </li>
    </ul>
  </li>
  <li>milky</li>
</ul>

Yin aiki da shi aikinsa

ɗanin

ɗanin Wuri Baɗaɗɗa
value Tura kuma yau yau a cikin <ol> ƙirikiri. Taɓa zartar da ƙarfin ƙirikiri na farko. Ɗanin kuma yau yau za a kewaye da ƙarfin farko. Ƙarfin farko.

ɗanin ɗaukar

<li> Ɗanin kuma yau yau ɗanin ɗaukar ɗaukar HTML.

ɗanin ɗaukar

<li> Ɗanin kuma yau yau ɗanin ɗaukar ɗaukar HTML.

Tsarin CSS na yau yau

Ɗakuncin kuma yau yau a cikin ƙasuwanci na yau yau <li> Ƙarami:

li {
  display: list-item;
}

Rarrabawar ƙasuwanci

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Gudanarwa Gudanarwa Gudanarwa Gudanarwa Gudanarwa