HTML——列表標簽


什么是列表?

把…制成表,以表顯示。

容器里面裝載着文字或圖表的一種形式,叫列表。

列表最大的特點就是 整齊 、整潔、 有序。

無序列表 ul (重點)

無序列表的各個列表項之間沒有順序級別之分,是並列的。其基本語法格式如下:

 <ul>
   <li>列表項1</li>
   <li>列表項2</li>
   <li>列表項3</li>
   ......
 </ul>

比如下面這些,新聞是沒有順序的,不用排隊,先到先得,后發布先顯示。

注意

  1. <ul></ul>中只能嵌套<li></li>,直接在<ul></ul>標簽中輸入其他標簽或者文字的做法是不被允許的。
  2. <li>與</li>之間相當於一個容器,可以容納所有元素。
  3. 無序列表會帶有自己樣式屬性,放下那個樣式,一會讓CSS來!

有序列表 ol (了解)

有序列表即為有排列順序的列表,其各個列表項按照一定的順序排列定義,有序列表的基本語法格式如下:

<ol>
   <li>列表項1</li>
   <li>列表項2</li>
   <li>列表項3</li>
   ......
 </ol>

所有特性基本與ul 一致。

但是實際工作中, 較少用 ol ,因此我們用一句話來總結下 ol:

自定義列表(理解)

定義列表常用於對術語或名詞進行解釋和描述,定義列表的列表項前沒有任何項目符號。其基本語法如下:

<dl>
   <dt>名詞1</dt>
   <dd>名詞1解釋1</dd>
   <dd>名詞1解釋2</dd>
   ...
   <dt>名詞2</dt>
   <dd>名詞2解釋1</dd>
   <dd>名詞2解釋2</dd>
   ...
 </dl> 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM