Có ba loại danh sách trong HTML -
- danh sách không có thứ tự
Danh sách này có các mục danh sách dấu đầu dòng không có thứ tự cụ thể.
- danh sách có thứ tự
Danh sách này được sử dụng cho các mục trong danh sách có thứ tự
- danh sách định nghĩa
Danh sách này được sử dụng để hiển thị các định nghĩa cho các thuật ngữ.
Chúng ta có thể lồng các danh sách này và tạo kiểu theo ý muốn. Kiểu danh sách thuộc tính CSS giúp chúng tôi tạo kiểu cho các mục trong danh sách.
Cú pháp
Cú pháp của danh sách HTML như sau -
<type of list> <li></li> </type of list>
Các ví dụ sau minh họa danh sách HTML -
Ví dụ
<!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> Đầu ra
Điều này cho kết quả sau -
Ví dụ
<!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> Đầu ra
Điều này cho kết quả sau -
