HTML 中有三種類型的清單 -
此清單有項目符號清單項，沒有項目符號清單項目。特定順序。
此列表用於有序列表項目
此清單用於顯示術語的定義。
我們可以嵌套這些清單並根據需要設定它們的樣式。 CSS 屬性 list-style 幫助我們設定清單項目的樣式。
HTML 清單的語法如下-
<type of list> <li></li> </type of list>
以下範例說明了HTML 清單-
即時示範
<!DOCTYPE html>
<html>
<head>
<style>
ul {
background-color: papayawhip;
list-style-type: square;
font-style: italic;
}
ol {
background-color: azure;
}
</style>
</head>
<body>
<ol>
<li>demo1</li>
<li>
demo 2
<ul>
<li>demo a</li>
<li>demo b</li>
</ul>
</li>
<li>demo 3</li>
</ol>
</body>
</html>這將給出以下輸出−
# 即時示範
<!DOCTYPE html>
<html>
<head>
<style>
dt {
font-weight: bold;
font-style: italic;
}
dd {
border: thin dotted;
}
</style>
</head>
<body>
<h2>Programming Languages and Databases</h2>
<dl>
<dt>Java</dt>
<dd>A programming language developed by James Gosling.</dd>
<dt>C++</dt>
<dd>A programming language developed by Bjarne Stroustrup.</dd>
<dt>MySQL</dt>
<dd>MySQL is an open-source relational database management system.</dd>
</dl>
</body>
</html>這給了以下輸出-
以上是HTML 清單的類型的詳細內容。更多資訊請關注PHP中文網其他相關文章！
