列表清單有分有序跟無序，有序用<ol>，無序用<ul><ol>和<ul>分別作為容器，而他們個別的項目內容都是透過<li>來呈現
以下為範例:
有序列表
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>有序列表</title>
</head>
<body>
<ol>
<li>first</li>
<li>second</li>
<li>third</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>無序列表</title>
</head>
<body>
<ul>
<li>first</li>
<li>second</li>
<li>third</li>
</ul>
</body>
</html>
以上兩種方式呈現出來的結果，
可發現有序列表ol，是有順序性的做排列，透過123...進行列點
而無序列表ul則是沒有順序性的排列，只透過點進行列點
不管是用<ol>或是<ul>，如果想去除前面的數字或點，就可以使用list-style進行去除
ol{
list-style: none;
}
或著
ul{
list-style: none;
}
這樣就只會出現項目內容啦~~
iThome鐵人賽
看影片追技術