HTML基础 - HTML列表
生活随笔
收集整理的這篇文章主要介紹了
HTML基础 - HTML列表
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
HTML基礎 - HTML列表
html的列表主要有兩種,一種是無序列表,一種是有序列表。
1.無序列表 <ul> <li>
(1)無序列表基礎版 主要使用<ul>標簽和<li>標簽
無序列表表示只是列表而已,沒有什么順序之分它的展現形式是由<ul>標簽包裹著<li>標簽:
(2)無序列表實心方塊圖標 關鍵語句:
<ul style="list-style-type: square;">(3)無序列表空心圓圖標 關鍵語句:
<ul style="list-style-type: circle;">2.嵌套無序列表
無序列表是可以嵌套的,也就是無序列表中在放入無序列表。嵌套呢是可以嵌很多層的,且無序列表展現的圖標也會有變化,但不會全部都有變化,一般也就前三層圖標有變化,其他的就不變了:
3.有序列表
(1)簡單的有序列表 由<ol>標簽包裹著<li>標簽組成
在網頁上顯示的時候會有1,2,3,4這樣的數字圖標顯示,表示為有順序的顯示:
(2)用英文字母顯示順序 關鍵詞:
<ol style="list-style-type: lower-latin;">(3)從指定的數字開始序列排數 關鍵詞:
<ol start="50">4.嵌套有序列表
有序列表中再放入有序列表,和無序列表不同。有序列表的層級圖標是不會有變化的:
總結
以上是生活随笔為你收集整理的HTML基础 - HTML列表的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 2023驾考宝典
- 下一篇: 黑马pink老师前端从入门到精通教程汇总