Trong hội chợ ẩm thực ở trường, lớp 12E dự định bán một số món, các bạn muốn đăng trên trang web của lớp các thông tin: món ăn, đơn giá, số lượng và tổng số tiền. Theo em, các bạn nên dùng dạng biểu diễn nào: danh sách, danh sách mô tả hay bảng. Tại sao? 

Để tạo một danh sách lồng nhau trong HTML với danh sách mức 1 được đánh số dạng 1, 2, 3,... và danh sách mức 2 được đánh số dạng a, b, c, có thể sử dụng thẻ <ol> (danh sách đánh số) cho danh sách mức 1 và thẻ <ul> (danh sách không đánh số) cho danh sách mức 2 bên trong.

Dưới đây là cách thực hiện điều này:

<ol >

 <li>Item 1</li>

 <li>Item 2</li>

 <li>Item 3 <ul>

 <li>a) Subitem 1</li>

<li>b) Subitem 2</li>

 <li>c) Subitem 3</li> </ul> </li>

 <li>Item 4</li> </ol>

def generate_html_table(data):

    html_content = "<table style=\"border-collapse: collapse;\">"

    # Thêm tiêu đề cho bảng

    html_content += "<tr>"

    html_content += "<th style=\"border: 2px solid blue;\">Họ tên</th>"

    html_content += "<th style=\"border: 2px solid blue;\">Điểm Toán</th>"

    html_content += "<th style=\"border: 2px solid blue;\">Điểm Vật lí</th>"

    html_content += "<th style=\"border: 2px solid blue;\">Điểm Hóa học</th>"

    html_content += "</tr>"

    # Thêm dữ liệu từ list data vào bảng

    for row in data:

        html_content += "<tr>"

        for value in row:

            html_content += f"<td style=\"border: 2px solid black;\">{value}</td>"

        html_content += "</tr>"

    html_content += "</table>"

    return html_content

# Dữ liệu ban đầu

initial_data = [

    ["Họ tên", "Điểm Toán", "Điểm Vật lí", "Điểm Hóa học"],

    ["Nguyễn Văn A", "8.5", "7.0", "9.0"],

    ["Trần Thị B", "7.0", "8.0", "8.5"]

]

# Dữ liệu mới cần bổ sung

new_data = [

    ["Lê Quang C", "6.5", "7.5", "8.0"],

    ["Phạm Thị D", "9.0", "8.5", "7.5"]

]

# Kết hợp dữ liệu cũ và mới

combined_data = initial_data + new_data

# Tạo nội dung HTML cho bảng dữ liệu

html_content = generate_html_table(combined_data)

# Lưu nội dung HTML vào tệp

with open("data_table.html", "w") as file:

  file.write(html_content)

print("Tạo tệp HTML thành công!")