?<!--

? ? ? ? 無序列表

? ? ? ? 場景：在網頁中表示一組無順序之分的列表，如：新聞列表

? ? ? ? 標簽組成：

? ? ? ? ul:表示無序列表的整體，用于包裹li標簽

? ? ? ? li:表虛無序列表的每一項，用于包含每一行的內容

? ? ? ? 顯示特點：列表中的每一項前默認顯示原點標識

? ? ? ? 注意點：

? ? ? ? ul標簽中只允許包含li標簽

? ? ? ? li標簽可以包含任意內容

? ? ?-->

? ? ?<h3>水果列表</h3>

? ? ?<ul>

? ? ? ? ?<li>榴蓮</li>

? ? ? ? ?<li>香蕉</li>

? ? ? ? ?<li>蘋果</li>

? ? ? ? ?<li>哈密瓜</li>

? ? ? ? ?<li>火龍果</li>

? ? ? ? ?<li>草莓</li>

? ? ?</ul>

<!--?

? ? ? ? 有序列表

? ? ? ? 場景：在網頁中表示一組有順序之分的列表，如：排行榜

? ? ? ? 標簽組成：

? ? ? ? ol:表示有序列表的整體，用于包裹li標簽

? ? ? ? li：表示有序列表的每一項，用于包含每一行的內容

? ? ? ? 顯示特點：列表的每一項前默認顯示序號標識

? ? ? ? 注意點：

? ? ? ? ol標簽中只允許包含li標簽

? ? ? ? li標簽可以包含任意內容

? ? ?-->

? ? ?<h3>成績單</h3>

? ? ?<ol>

? ? ? ? ?<li>張三：100分</li>

? ? ? ? ?<li>李四：80分</li>

? ? ? ? ?<li>王五：60分</li>

? ? ?</ol>

?????????

、

? <!--

? ? ? ? 自定義列表：

? ? ? ? 場景：在網頁的底部導航中通常會使用自定義列表實現

? ? ? ? 標簽組成：

? ? ? ? dl：表示自定義列表的整體，用于包裹dt/dd標簽

? ? ? ? dt:表示自定義列表的主題

? ? ? ? dd：表示自定義列表針對主題的每一項內容

? ? ? ? 顯示特點：

? ? ? ? dd前會默認縮進效果

? ? ? ? 注意點：

? ? ? ? dl標簽中只允許包含dt/dd標簽

? ? ? ? dt/dd標簽可以包含任意內容

? ? ?-->

? ? ?<dl>

? ? ? ? ?<dt>幫助中心</dt>

? ? ? ? ? ? ?<dd>

? ? ? ? ? ? ? ? ?賬戶管理

? ? ? ? ? ? ?</dd>

? ? ? ? ? ? ?<dd>購物指南</dd>

? ? ? ? ? ? ?<dd>訂單操作</dd>

? ? ?</dl>

?

?

?

總結

以上是生活随笔為你收集整理的前端基础-html-列表的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。