html的列表標簽

列表一般應用在布局中的新聞標題列表和文章標題列表以及網頁菜單等。

例如這個就是一個列表：

列表標簽有幾種，分別是有序列表，無序列表，定義列表。

有序列表

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><!--有序列表--><ol><li>有序列表的第一項</li><li>有序列表的第二項</li><li>有序列表的第三項</li></ol>
</body>
</html>網頁效果如下：
1.有序列表的第一項
2.有序列表的第二項
3.有序列表的第三項

無序列表

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><!--無序列表--><ul><li>無序列表的第一項</li><li>無序列表的第二項</li><li>無序列表的第三項</li></ul>
</body>
</html>網頁效果如下：
·有序列表的第一項
·有序列表的第二項
·有序列表的第三項

定義列表

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><dl><dt>html</dt><dd>html是超文本標記語言，用于聲明網頁的內容和網頁的結構</dd></dl>
</body>
</html>網頁效果如下：
htmlhtml是超文本標記語言，用于聲明網頁的內容和網頁的結構

列表中還可以有列表，也就是列表的嵌套。上面的三種列表都可以嵌套。

下面用定義列表嵌套進行演示：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><dl><dt>html</dt><dd>html是超文本標記語言，用于聲明網頁的內容和網頁的結構</dd><dt>css</dt><dd>css是層疊樣式表，用于聲明網頁的外觀和樣式</dd></dl>
</body>
</html>網頁效果如下：
htmlhtml是超文本標記語言，用于聲明網頁的內容和網頁的結構
csscss是層疊樣式表，用于聲明網頁的外觀和樣式

?列表相關樣式?
list-style 去掉列表項的小圓點，比如：list-style:none

轉載于:https://www.cnblogs.com/chichung/p/9663366.html

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

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