Khởi động (trang 52) Tin 12 Kết nối tri thức Bài 9: 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?
Trả lời:
– Chúng ta có thể tạo các danh sách, bảng.
1. Tạo danh sách
Hoạt động 1 (trang 52) Tin 12 Kết nối tri thức Bài 9: Em hãy quan sát hình 8.3 và nhận xét em có điểm nào có thể cải tiến về mặt trình bày không.
Trả lời:
– Thứ tự sai, phông chữ không đều, bôi đen những chỗ không hợp lý.
Câu hỏi (trang 53) Tin 12 Kết nối tri thức Bài 9: 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?
Trả lờ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>
2. Thiết lập bảng
Hoạt động 2 (trang 53) Tin 12 Kết nối tri thức Bài 9: 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?
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 12 Kết nối tri thức Bài 9: 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 đó?
Trả lời:
Nhược điểm: cột “Họ và tên” bị mất trong các ô dưới. Điều này xảy ra vì bạn đã sử dụng thuộc tính rowspan=”2″ trong thẻ <th> của cột này. Khi sử dụng rowspan=”2″, cột sẽ trải dài qua hai hàng, và do đó, phần tử con bên trong cột không được hiển thị.
Có thể sửa lại bằng các thẻ HTML như sau:
– Kết quả trả về:
Luyện tập
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.
<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
Cho trước một bảng dữ liệu cỡ n x 4, 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 Hoá 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.
Hướng dẫn:
– HTML để tạo bảng:
– Kết quả trả về:
>>> Xem thêm các bài giải tại chuyên mục: Giải SGK Tin học 12 – Kết nối tri thức
—————————————-
Trên đây là những lời giải chi tiết mà Tritue360 đã hướng dẫn các em Giải SGK Tin 12 Kết nối tri thức Bài 9: Tạo danh sách, bảng. Hi vọng những kiến thức này sẽ đem lại cho các em nhiều kiến thức bổ ích trên con đường học tập và đạt kết quả cao trong kì thi sắp tới của các em. Chúc các em học tốt!