列表標簽（無序列表、有序列表）

無序列表

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><!-- ul里面除了可以放li標簽其他標簽不可以放，li里可以放任意標簽 --><h4>通訊錄</h4><ul><li>新朋友</li><li>僅聊天朋友</li><li>群聊</li><li>標簽</li></ul>
</body></html>

有序列表

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><!-- ol里面除了可以放li標簽其他標簽不可以放，li里可以放任意標簽 --><!-- 有序列表有自己的樣式屬性，但實際開發中我們會使用css來設置 --><h4>通訊錄</h4><ol><li>新朋友</li><li>僅聊天朋友</li><li>群聊</li><li>標簽</li></ol>
</body></html>

?自定義列表

使用場景（一個大哥后面好多小弟）

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><!-- dl里面除了可以放dt、dd標簽其他標簽不可以放 --><dl><dt>幫助中心</dt><dd>賬戶管理</dd><dd>購物指南</dd><dd>訂單操作</dd></dl>
</body></html>

列表總結

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/web/67806.shtml
繁體地址，請注明出處：http://hk.pswp.cn/web/67806.shtml
英文地址，請注明出處：http://en.pswp.cn/web/67806.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！