【HTML教程】HTML的ul標簽|html入門知識
時間: 2025-04-09 23:15:53 瀏覽次數：71
常用的html標簽匯總、以及操作過程中的一些bug問題解決方法，以下龍騰飛網絡科技-小吳在建站實操中筆記記錄，一路走來，一步步學習、總結、整理的一些資料，不用死記硬背，保存使用非常方便，實操過程中遇到了就查詢搜索一下，實踐出真章，做多了自然就熟悉了： 【定義和用法】 ul標簽定
常用的html標簽匯總、以及操作過程中的一些bug問題解決方法，以下龍騰飛網絡科技-小吳在建站實操中筆記記錄，一路走來，一步步學習、總結、整理的一些資料，不用死記硬背，保存使用非常方便，實操過程中遇到了就查詢搜索一下，實踐出真章，做多了自然就熟悉了：
【定義和用法】
ul標簽定義無序(帶項目符號)列表。
請使用 ul標簽和 li標簽來創建無序列表。
提示：請使用 CSS 來設置列表樣式。
提示：對于有序列表，請使用 ol標簽。
【實例】
例子 1
一個無序的 HTML 列表：
<ul> <li>咖啡</li> <li>茶</li> <li>牛奶</li></ul>
例子 2
設置不同的列表樣式類型(使用 CSS)：
<ul style="list-style-type:circle"> <li>咖啡</li> <li>茶</li> <li>牛奶</li></ul><ul style="list-style-type:disc"> <li>咖啡</li> <li>茶</li> <li>牛奶</li></ul><ul style="list-style-type:square"> <li>咖啡</li> <li>茶</li> <li>牛奶</li></ul>
例子 3
在列表中擴大和縮小行高(使用 CSS)
<ul style="line-height:180%"> <li>咖啡</li> <li>茶</li> <li>牛奶</li></ul><ul style="line-height:80%"> <li>咖啡</li> <li>茶</li> <li>牛奶</li></ul>
例子 4
在列表中創建另一個列表(嵌套列表)：
<ul> <li>咖啡</li> <li>茶 <ul> <li>普洱</li> <li>綠茶</li> </ul> </li> <li>牛奶</li></ul>
例子 5
創建更復雜的嵌套列表：
<ul> <li>咖啡</li> <li>茶 <ul> <li>普洱</li> <li>綠茶 <ul> <li>碧螺春</li> <li>龍井</li> </ul> </li> </ul> </li> <li>牛奶</li></ul>
【默認的 CSS 設置】
大多數瀏覽器將使用以下默認值顯示 ul元素：
ul {
display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1 em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;}