首頁  >  文章  >  web前端  >  html5怎麼實作列表

html5怎麼實作列表

青灯夜游
青灯夜游原創
2021-09-13 15:12:365494瀏覽

html5實作列表的方法:1、使用ol標籤來建立有序列表,列表中利用li來表示列表項目;2、使用ul標籤來建立無序列表,列表中利用li來表示列表項;3、使用dl來表示列表項,使用dt來表示定義的內容, 利用dd來對內容進行解釋說明。

html5怎麼實作列表

本教學操作環境:windows7系統、HTML5版、Dell G3電腦。

在html中也可以建立列表,html列表一共有三種:

1、有序列表:使用ol標籤來建立有序列表,使用li來表示列表項。

2、無序列表:使用ul標籤來建立無序列表,使用li來表示清單項目。

3、自訂清單:使用dl來表示列表項,使用dt來表示定義的內容, 使用dd來解釋內容。

範例:


        
  • 结构
  •     
  • 表现
  •     
  • 行为
      
        
  1. 结构
  2.     
  3. 表现
  4.     
  5. 行为
 
    
结构
    
结构表示网页的结构,用来规定网页中哪里是标题,哪里是段落

效果圖:

html5怎麼實作列表

#列錶間還可以巢狀:

<ul>
    <li>aaa</li>
    <ul>
        <li>bbbb</li>
        <ul>
            <li>cc</li>
        </ul>
    </ul>
</ul>

 html5怎麼實作列表

推薦教學:《html影片教學

以上是html5怎麼實作列表的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn