<li>


HTML <li> Teg

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<p>有序列表:</p>
<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<p>无序列表:</p>
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

</body>
</html>

Jalankan Instance» <li>label.

Takrifan teg dan arahan penggunaan

<li>

teg<li> boleh digunakan dalam senarai tersusun (<ol>), senarai tidak tersusun (<ul>) dan senarai menu (<menu>). 1000.png

Perbezaan antara HTML 4.01 dan HTML5


Atribut "jenis" telah ditamatkan dalam HTML 4.01. HTML5 tidak menyokong atribut ini.

Atribut "nilai" ditamatkan dalam HTML 4.01. HTML5 tidak menyokong atribut ini.

Petua dan Nota


Petua:

Gunakan CSS untuk menentukan jenis senarai dan item senarai.

Atribut

AtributNilaiPenerangan
taip1
A

a

Saya

saya cakera segi empat sama

circle
HTML5 tidak menyokong atribut ini. Atribut ini telah ditamatkan dalam HTML 4.01.
Ditamatkan. Sila gantikan dengan gaya. Nyatakan titik tumpu yang hendak digunakan.
nilainomborDitamatkan. Sila gantikan dengan gaya. Menentukan bilangan item senarai.

属性描述
type1
A
   a
   I
   i
   disc
   square
   circle
HTML5 不支持该属性。HTML 4.01 已废弃该属性。 不赞成使用。请使用样式取代它。 规定使用哪种项目符号。
valuenumber不赞成使用。请使用样式取代它。 规定列表项目的数字。
Atribut global

<li> teg menyokong atribut global, lihat jadual atribut atribut global HTML .

Atribut Acara Teg


<li> menyokong semua atribut acara HTML.

Instance dalam talian

Senarai bersarang

Senarai dalam senarai.


Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<h4>嵌套列表:</h4>
<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
      <li>Black tea</li>
      <li>Green tea</li>
    </ul>
  </li>
  <li>Milk</li>
</ul>

</body>
</html>

Run Instance»

Klik butang "Run Instance" untuk melihat contoh dalam talian

Senarai bersarang lagi

Senarai bersarang yang lebih kompleks.


Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<h4>嵌套列表:</h4>
<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
      <li>Black tea</li>
      <li>Green tea
        <ul>
          <li>China</li>
          <li>Africa</li>
        </ul>
      </li>
    </ul>
  </li>
  <li>Milk</li>
</ul>

</body>
</html>

Run Instance»

Klik butang "Run Instance" untuk melihat contoh dalam talian

Artikel Berkaitan

Tutorial HTML: Senarai HTML