19. Danh Sách Trong HTML

Trong HTML, bạn có thể tạo danh sách bằng cách sử dụng các thẻ <ul> (unordered list) cho danh sách không có thứ tự, <ol> (ordered list) cho danh sách có thứ tự và <li> (list item) cho mỗi mục trong danh sách. Dưới đây là một ví dụ cụ thể về cách sử dụng các thẻ này để tạo danh sách trong HTML:

Danh sách không có thứ tự (unordered list):

html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Danh sách trong HTML</title>
</head>
<body>
    <h2>Thức ăn yêu thích:</h2>
    <ul>
        <li>Pizza</li>
        <li>Burger</li>
        <li>Mì xào hải sản</li>
        <li>Bánh mì sandwich</li>
    </ul>
</body>
</html>

Danh sách có thứ tự (ordered list):

html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Danh sách trong HTML</title>
</head>
<body>
    <h2>Chế độ sắp xếp tài liệu:</h2>
    <ol>
        <li>Thu thập thông tin</li>
        <li>Xây dựng cấu trúc</li>
        <li>Viết nội dung</li>
        <li>Kiểm tra và chỉnh sửa</li>
    </ol>
</body>
</html>

Danh sách không có thứ tự lồng nhau:

html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Danh sách trong HTML</title>
</head>
<body>
    <h2>Thể loại sách:</h2>
    <ul>
        <li>Viễn tưởng
            <ul>
                <li>Dystopian</li>
                <li>Space opera</li>
                <li>Cyberpunk</li>
            </ul>
        </li>
        <li>Hành động</li>
        <li>Kinh dị</li>
    </ul>
</body>
</html>

Trong ví dụ này:

Thẻ <ul> được sử dụng để tạo danh sách không có thứ tự.
Thẻ <ol> được sử dụng để tạo danh sách có thứ tự.
Thẻ <li> được sử dụng để tạo mỗi mục trong danh sách.
Danh sách có thể lồng nhau bằng cách đặt thẻ <ul> hoặc <ol> bên trong một mục <li> của danh sách cha.

Lưu ý rằng thẻ <ul> và <ol> chỉ định loại danh sách, còn thẻ <li> chỉ định từng mục trong danh sách HTML.

Leave a Comment Cancel Reply