Theo em, khi trang web chỉ toàn các đoạn văn bản thì cần trình bày thế nào cho dễ nhìn?

Để 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!")