Trong thiết kế và xây dựng Website các thẻ danh sách được sử dụng rất nhiều đặc biệt là trong việc làm menu do đó việc hiểu rõ các thẻ danh sách rất quan trọng. Trong bài học chúng ta sẽ cùng nhau tìm hiểu về 3 dạng thẻ danh sách.
Thẻ <ol> được sử dụng để tạo một danh sách có thứ tự. Mỗi phần tự của danh sách được định nghĩa bên trong thẻ <li> (list item). Ví dụ để trở thành một Frontend Developer chúng ta cần học:
<html>
<head>
<title>First Web</title>
<meta charset="utf-8">
</head>
<body>
<ol>
<li> Học HTMl </li>
<li> Học CSS </li>
<li> Học JavaScript </li>
</ol>
</body>
</html>
Kết quả:
Thẻ <ul> được sử dụng để tạo một danh sách không có thứ tự. Mỗi phần tự của danh sách được định nghĩa bên trong thẻ <li>.
<html>
<head>
<title>First Web</title>
<meta charset="utf-8">
</head>
<body>
<ul>
<li> Học HTMl </li>
<li> Học CSS </li>
<li> Học JavaScript </li>
</ul>
</body>
</html>
Kết quả:
Lưu ý:
Thẻ <dl> Definition List được dùng để xác định danh sách (có đề mục và phần mô tả đề mục). Nó thường được kết hợp với các thẻ
Ví dụ:
<html>
<head>
<title>First Web</title>
<meta charset="utf-8">
</head>
<body>
<dl>
<dt> Lập trình: </dt>
<dd> Là việc lập ra chương trình làm việc cho máy tính để thực thi nhiệm vụ nào đó. </dd>
<dt> Ngôn ngữ lập trình:</dt>
<dd> Được sử dụng trong lập trình máy tính để thực hiện các thuật toán</dd>
</dl>
</body>
</html>
Kết quả:
Lưu ý:
Trên đây là tổng hợp các thẻ tạo dang sách trong HTML. Để giúp các bạn dễ dàng tiếp cận hơn với bài học Suntech đã xây dựng video hướng dẫn, bạn có thể tham khảo tại đây. Bạn có thể đặt câu hỏi trao đổi về bài học, góp phần cho sự phát triển của cộng đồng lập trình tại Group Facebook. Chúc các bạn học tốt!