生活随笔
收集整理的這篇文章主要介紹了
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
總結
以上是生活随笔為你收集整理的html的列表标签的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
