【網頁設計自學】HTML的無序列表以及有序列表
HTML的無序列表以及有序列表
1. 無序列表（Unordered
List, <ul>）
用途：
用在「沒有一定順序」、只是單純列項目的情況，例如：特色、項目、注意事項。
無序列表的語法，在每個項目前面會有一個黑色點點的符號。
語法：
<ul>
<li>項目 1</li>
<li>項目 2</li>
<li>項目 3</li>
</ul>
什麼時候用：
條列式介紹
注意事項
特點、功能列表
2. 有序列表（Ordered
List, <ol>）
用途：
用在「有順序、步驟、排名」等情況，讓讀者知道前後次序的重要性。
語法：
<ol>
<li>第一步</li>
<li>第二步</li>
<li>第三步</li>
</ol>
效果：
第一步
第二步
第三步
什麼時候用：
教學步驟
排行榜
需要強調順序
實際操作看看：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>這是一個討論 Html 中的無序列表、有序列表的文章</title>
</head>
<body>
<ul>
<li>項目 1</li>
<li>項目 2</li>
<li>項目 3</li>
</ul>
<ol>
<li>項目 1</li>
<li>項目 2</li>
<li>項目 3</li>
</ol>
</body>
</html>
留言
張貼留言