Giải Tin học 12 Bài 9 (Kết nối tri thức): Tạo danh sách, bảng

Giải Tin học 12 Bài 9: Tạo danh sách, bảng

Khởi động trang 52 Tin học 12: 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?

Lời giải:

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

- Sử dụng định dạng văn bản phù hợp: Chọn font chữ dễ đọc và kích thước phù hợp để đảm bảo người đọc có thể dễ dàng đọc nội dung. Cân nhắc sử dụng font chữ như Arial, Helvetica, hoặc Times New Roman với kích thước chữ từ 14px trở lên để đảm bảo sự dễ đọc.

- Chia đoạn và tạo khoảng cách: Chia đoạn văn bản thành các đoạn nhỏ hơn và sử dụng khoảng cách giữa các đoạn để tạo ra sự rõ ràng và dễ đọc hơn. Sử dụng các phần tử như thẻ <p> để phân biệt các đoạn văn bản.

- Sử dụng tiêu đề và định dạng: Sử dụng tiêu đề (ví dụ: <h1>, <h2>, <h3>) để làm nổi bật các phần quan trọng của văn bản. Đồng thời, có thể sử dụng các định dạng văn bản như in đậm, nghiêng, hoặc gạch chân để nhấn mạnh vào các từ khóa hoặc thông tin quan trọng.

- Sử dụng khoảng cách và dấu chấm: Sử dụng khoảng cách và dấu chấm (dấu phẩy, dấu chấm, dấu chấm phẩy) một cách hợp lý để tạo ra sự trôi chảy và dễ đọc trong văn bản.

- Hãy cân nhắc sử dụng định dạng đặc biệt: Trong một số trường hợp, việc sử dụng các định dạng đặc biệt như blockquotes (dùng để trích dẫn), lists (danh sách) có thể giúp nổi bật nội dung và tạo điểm nhấn cho trang web.

- Kiểm tra độ tương phản: Đảm bảo rằng màu chữ và màu nền tương phản đủ để làm cho văn bản dễ đọc. Màu chữ tối trên nền sáng hoặc màu chữ sáng trên nền tối thường là lựa chọn tốt nhất.

Câu hỏi trang 53 Tin học 12: Làm thế nào để tạo một danh sách lồng nhau danh sách mức 1 đánh số dạng 1, 2, 3,… và danh sách mức 2 đánh số dạng a, b, c?

Lời giải:

Để 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>

Hoạt động 2 trang 53 Tin học 12: 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?

Lời giải:

Các dạng biểu diễn đều có ưu và nhược điểm riêng

*Danh sách:

Ưu điểm:

Dễ dàng để tổ chức và hiển thị thông tin, phù hợp cho danh sách ngắn và không có quá nhiều chi tiết.

Dễ đọc và hiểu, đặc biệt là khi danh sách không quá dài.

Nhược điểm:

Không thể hiển thị các thông tin chi tiết về từng món ăn một cách rõ ràng.

Không cung cấp đủ không gian cho việc liệt kê các mục chi tiết như đơn giá, số lượng và tổng số tiền.

*Danh sách mô tả:

Ưu điểm:

Cung cấp không gian cho việc mô tả chi tiết về từng món ăn, bao gồm đơn giá, số lượng và tổng số tiền.

Dễ đọc và hiểu, đặc biệt là khi muốn cung cấp thông tin chi tiết về mỗi món ăn.

Nhược điểm:

Có thể trở nên lộn xộn nếu danh sách có quá nhiều mục và thông tin chi tiết.

*Bảng:

Ưu điểm:

Tổ chức thông tin một cách cấu trúc, dễ dàng so sánh các mục và chi tiết của từng món ăn.

Cung cấp không gian rộng rãi để hiển thị nhiều thông tin chi tiết về từng món ăn.

Nhược điểm:

Có thể trở nên cồng kềnh và khó đọc nếu bảng có quá nhiều hàng và cột.

Câu hỏi trang 55 Tin học 12: Bảng trong ví dụ trên Hình 9.6 có nhược điểm gì cần làm thế nào để giải quyết nhược điểm đó?

Lời giải:

Bảng trên Hình 9.6 có nhược điểm: các cột lồng nhau gây khó khăc cho người nhập liệu.

Khắc phục: tách riêng từng cột nhỏ ra thành các cột lớn

Luyện tập trang 56 Tin học 12: Sửa lại chương trình trong Hình 9.5a, sử dụng thuộc tính Style thay vì thuộc tính border để tạo viền cho bảng. Sử dụng màu xanh cho viền của ô hai dòng đầu bảng và sử dụng 3 màu đỏ, vàng, xanh cho ba chữ Toán, Vật lý và Hóa học.

Lời giải:

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

<tr>

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

<th rowspan="3" style="border: 2px solid blue;">Điểm thi</th>

</tr>

<tr>

<td style="border: 2px solid red;">Toán</td>

<td style="border: 2px solid yellow;">Vật lí</td>

<td style="border: 2px solid green;">Hóa học</td>

</tr>

</table>

Vận dụng trang 56 Tin học 12: Cho trước một bảng dữ liệu cỡ nx4, mỗi hàng tương ứng với một bộ (họ tên, điểm Toán, điểm Vật lý, điểm Hóa học) viết chương trình Python để tạo ra tệp HTML thực hiện việc vẽ bảng tương tự như Hình 9.5 và bổ sung dữ liệu vào các hàng phía dưới.

Lời giải:

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