HTML清單登入

HTML清單

HTML 清單


HTML 支援有序、無序與定義清單:

HTML 清單

#先了解什麼是有序列表和無序列表?

先透過範例來了解:


有序列表

1.     北京

2.     上海

3.     廣州

無序列表

·           北京

·          

##HTML無序列表

無序列表是一個項目的列表,此列項目使用粗體圓點(典型的小黑圓圈)進行標記。 無序列表使用<ul> 標籤

<html>
<head>
<meat charset="utf-8">
</head>
<body>
<ul>
<li>北京</li>
<li>上海</li>
<li>广州</li>
</ul>
</body>
</html>

#HTML 有序列表

同樣,有序列表也是一列項目,清單項目使用數字進行標記。 有序列表始於 <ol> 標籤。每個清單項目始於 <li> 標籤。 清單項目項目使用數字來標記。

<html>
<head>
<meat charset="utf-8">
</head>
<body>
<ol>
<li>北京</li>
<li>上海</li>
<li>广州</li>
</ol>
</body>
</html>

HTML 自訂清單

#自訂清單不僅僅是一列項目,而是項目及其註解的組合。 自訂清單以 <dl> 標籤開始。每個自訂清單項目以 <dt> 開始。每個自訂清單項目的定義以 <dd> 開始。

<html>
<head>
<meat charset="utf-8">
</head>
<body>
<dl>
<dt>北京</dt>
<dd>  政治中心</dd>
<dt>上海</dt>
<dd>  经融中心</dd>
</dl>
</body>
</html>

#下一節

<html> <head> <meat charset="utf-8"> </head> <body> <ol> <li>北京</li> <li>上海</li> <li>广州</li> </ol> </body> </html>
章節課件