Giao diện mới của VnDoc Pro: Dễ sử dụng hơn - chỉ tập trung vào lớp bạn quan tâm. Vui lòng chọn lớp mà bạn quan tâm: Lưu và trải nghiệm

Tin học 12 Kết nối tri thức bài 9

Tin học 12 Kết nối tri thức bài 9: Tạo danh sách, bảng được VnDoc sưu tầm và xin gửi tới bạn đọc cùng tham khảo để có thêm tài liệu giải SGK Tin học 12 Kết nối tri thức nhé. Mời các bạn cùng theo dõi bài viết dưới đây.

Bài: 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.

1. Tạo danh sách

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>

2. Thiết lập bảng

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 = "

"

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

html_content += ""

html_content += "Họ tên"

html_content += "Điểm Toán"

html_content += "Điểm Vật lí"

html_content += "Điểm Hóa học"

html_content += ""

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

for row in data:

html_content += ""

for value in row:

html_content += f"{value}"

html_content += ""

html_content += ""

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

>>> Bài tiếp theo: Tin học 12 Kết nối tri thức bài 10

Như vậy VnDoc đã giới thiệu các bạn tài liệu Giải SGK Tin học lớp 12 bài 9: Tạo danh sách, bảng. Mời các bạn tham khảo thêm tài liệu: Vật lý 12 Kết nối tri thức, Ngữ văn 12 Kết nối tri thức, Toán 12 Kết nối tri thức, Tài liệu học tập lớp 12.

Chia sẻ, đánh giá bài viết
1
3 Bình luận
Sắp xếp theo
  • Kim Ngưu
    Kim Ngưu

    😍😍😍😍😍😍

    Thích Phản hồi 2 ngày trước
    • Thỏ Bông
      Thỏ Bông

      🤝🤝🤝🤝🤝🤝🤝

      Thích Phản hồi 2 ngày trước
      • Vợ nhặt
        Vợ nhặt

        🤘🤘🤘🤘🤘🤘

        Thích Phản hồi 2 ngày trước

        Tin học 12 Kết nối tri thức

        Xem thêm