HTML中最主要的內容之一 ——列表

列表

  列表分爲兩種類型:一種是有序列表;另一種是無序列表。前者使用編號來記錄項目的順序,而後者使用項目符號來標記無序的項目。

有序列表 是指按照數字或字母等排序列列表項目。

在這裏插入圖片描述

有序列表:具體語法如下

<ol>
  <li>第一項</li>
  <li>第二項</li>
  .......
</ol>

無序列表 是指以特殊符號如■ ●等開頭,沒有順序的列表項目。

在這裏插入圖片描述

無序列表:具體語法如下

<ul>
  <li>第一項</li>
  <li>第二項</li>
  .......
</ul>

列表的主要標籤

標籤 描述
<ul> 無序列表
<ul> 有序列表
<dir 目錄列表
<dl> 定義列表
<menu> 菜單列表
<dt>、<dd> 定義列表的標籤
<li> 列表項目標籤

無序列表的符號類型

類型值 列表項目的符號
<disc>
<circle>
<square>

定義列表嵌套

定義列表是一種含有兩個層次的列表,用於解釋名詞的定義,名詞爲第一層次,解釋爲第二層次,並且不包含項目符號。

具體語法如下:

<dl>
	 <dt>名詞一</dt>
		    <dd>解釋一</dd>
	        <dd>解釋二</dd>
		    <dd>解釋三</dd>
	  <dt>名詞二</dt>
			   <dd>解釋一</dd>
			   <dd>解釋二</dd>
			   <dd>解釋三</dd>
</dl>

效果如下:
在這裏插入圖片描述

在定義列表中,一個<dt>標籤可以有多個<dd>標籤作爲名詞的解釋和說明,以實現定義列表的嵌套,

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章