Was sind die Listen-Tags in HTML?

Listen-Tags in HTML decken geordnete Listen, ungeordnete Listen und Definitionslisten ab: Geordnete Liste (OL): Markieren Sie sequentielle Listenelemente mit Zahlen oder Buchstaben; Ungeordnete Liste (UL): Markieren Sie ungeordnete Listenelemente mit Punkten oder Quadraten ): Eine gepaarte Liste definierter Begriffe und Beschreibungen.

Listen-Tags in HTML

Es gibt verschiedene Listen-Tags in HTML zum Erstellen geordneter Listen, ungeordneter Listen und definierter Listen.

Geordnete Liste (OL)

<ul> <li> <ol>: Start-Tag der geordneten Liste <ol>：有序列表起始标签 <li> <li>：列表项（元素） <li> </ol>：有序列表结束标签 </ul>

无序列表 (UL)

<ul> <li> <ul>：无序列表起始标签 <li> <li>：列表项（元素） <li> </ul>：无序列表结束标签 </ul>

定义列表 (DL)

<ul> <li> <dl>：定义列表起始标签 <li> <dt>：定义术语（子标题） <li> <dd>：定义描述（正文） <li> </dl>：定义列表结束标签 </ul>

属性

有序列表（OL）

<ul> <li> start：指定列表的起始序号 <li> type：指定列表项标记类型（数字、罗马数字、字母等） </ul>

无序列表（UL）

<ul> <li>type <li>: Listenelement (Element) </ul>

</ol>: End-Tag der geordneten Liste

<ul>Ungeordnete Liste (UL)<li> </ul>

<ul>: Ausgehend vom Start-Tag der ungeordneten Liste <li>: Listenelement (Element)

</ul>: End-Tag der ungeordneten Liste

Definitionsliste (DL)

<dl>: Listenstart-Tag definieren <dt>: Begriff (Untertitel) definieren

🎜<dd>: Definition Beschreibung (Text) 🎜🎜</dl>: End-Tag der Definitionsliste 🎜🎜🎜🎜Attribute 🎜🎜🎜🎜Ordered List (OL) 🎜🎜🎜🎜start: Geben Sie die Startsequenznummer der Liste an code>type: Geben Sie den Markierungstyp des Listenelements an (Punkt, Quadrat, Strich usw.) Liste: 🎜🎜

<code class="html"><ol start="5">
  <li>项目 5</li>
  <li>项目 6</li>
  <li>项目 7</li>
</ol></code>

🎜🎜Ungeordnete Liste: 🎜🎜

<code class="html"><ul type="square">
  <li>项目 1</li>
  <li>项目 2</li>
  <li>项目 3</li>
</ul></code>

🎜🎜Definitionsliste: 🎜🎜

<code class="html"><dl>
  <dt>HTML</dt>
  <dd>超文本标记语言</dd>
  <dt>CSS</dt>
  <dd>层叠样式表</dd>
</dl></code>

Das obige ist der detaillierte Inhalt vonWas sind die Listen-Tags in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!