BÀI 4 - TRÌNH BÀY NỘI DUNG THEO DẠNG DANH SÁCH, BẢNG BIỂU (CÁNH DIỀU

Bài 4 - Trình bày nội dung theo dạng danh sách, bảng biểu (Cánh diều - cs & ict)

Đây là bài soạn gợi ý trả lời SGK tin học 12 (bộ sách Cánh diều). Bài này là kiến thức cốt lõi chung cho cả hai định hướng: Khoa học máy tính (CS) và Tin học ứng dụng (ICT). Các em truy cập vào để tham khảo nhé. Chúc các em có nhiều sức khỏe và chăm ngoan học giỏi.

Nháy vào các mục bên dưới để xem nhanh hơn
Khởi động	Hoạt động
Vận dụng	Câu hỏi tự kiểm tra

Khởi động (trang 49):

Theo em, để trình bày một văn bản, khi nào nên trình bày theo dạng liệt kê các mục và khi nào nên trình bày theo dạng bảng?

Gợi ý trả lời:

Trình bày văn bản theo dạng liệt kê (danh sách) thường phù hợp khi:
- Cần thể hiện các mục hoặc ý chính một cách rõ ràng, dễ đọc.
- Các nội dung có tính độc lập, không cần so sánh trực tiếp.
- Dữ liệu không quá phức tạp, chỉ cần liệt kê theo thứ tự logic.
- Ví dụ: Danh sách công việc cần làm, các bước thực hiện, danh sách sản phẩm, mục tiêu cần đạt được,...
Trình bày văn bản theo dạng bảng thường phù hợp khi:
- Cần so sánh thông tin giữa các đối tượng theo hàng và cột.
- Dữ liệu có tính liên quan chặt chẽ, cần hiển thị một cách có tổ chức.
- Khi có nhiều thuộc tính khác nhau cho từng mục, giúp dễ tra cứu.
- Ví dụ: Bảng điểm học sinh, bảng giá sản phẩm, lịch trình làm việc,...

Hoạt động (trang 50):

Hãy nêu một số cách em đã biết để xác định thứ tự các mục được liệt kê trong một danh sách.

Gợi ý trả lời:

- Dùng danh sách có thứ tự khi thứ tự các mục quan trọng.
- Ví dụ:

- Dùng danh sách không có thứ tự khi thứ tự không quan trọng.
- Ví dụ:

- Sử dụng số, chữ cái hoặc số La Mã để tạo sự rõ ràng.
- Ví dụ:

- Dùng danh sách phân cấp khi có nhiều mức độ thông tin.
- Ví dụ:

Vận dụng (trang ):

Tạo website cá nhân:
Em hãy bổ sung thêm một số nội dung cho website cá nhân đã được tạo ở các bài học trước.
Gợi ý thực hiện:
- Trong tệp “hobbies.html", bổ sung tiêu đề mục h1 “Sở thích của em" tạo danh sách xác định thứ tự hoặc không xác định thứ tự liệt kê các sở thích của em.
- Trong tệp “index.html", bổ sung tiêu đề mục h2 “Kế hoạch học tập" và trình bày thời khoá biểu của em dưới dạng bảng.

Hướng dẫn thực hiện:

1. Bổ sung nội dung cho hobbies.html
- Mở tệp hobbies.html trong trình soạn thảo văn bản.
- Thay thế nội dung hiện tại bằng đoạn mã HTML sau:

- Em có thể thay đổi danh sách sở thích trong thẻ <ul> và <li> để phù hợp với sở thích của mình.
- Nếu em muốn danh sách có thứ tự, hãy thay thẻ <ul> bằng <ol>.
2. Bổ sung nội dung cho index.html
- Mở tệp index.html trong trình soạn thảo văn bản.
- Thêm đoạn mã HTML sau vào cuối phần nội dung <body>:

- Em có thể thay đổi nội dung bảng thời khóa biểu để phù hợp với lịch học của mình.
- Nếu em muốn thêm hàng hoặc cột, hãy sử dụng thẻ <tr> (hàng) hoặc <td> (cột).
Giải thích mã HTML:
<ul>: Tạo danh sách không có thứ tự.
<ol>: Tạo danh sách có thứ tự.
<li>: Tạo một mục trong danh sách.
<table>: Tạo bảng.
<tr>: Tạo một hàng trong bảng.
<th>: Tạo một ô tiêu đề trong bảng.
<td>: Tạo một ô dữ liệu trong bảng.
Lưu ý:
- Em có thể chỉnh sửa nội dung, màu sắc, bố cục của website bằng cách thay đổi mã HTML và CSS.
- Để thêm nhiều thông tin hơn, em có thể tạo thêm các trang HTML và liên kết chúng với nhau.

Câu hỏi tự kiểm tra (trang ):

Câu 1. Mỗi phát biểu sau đây là đúng hay sai khi sử dụng các phần ol, ul để tạo danh sách trên trang web?
a) Khi khai báo thuộc tính type = "A" danh sách xác định thứ tự các mục theo chữ cái viết hoa.
b) Số thứ tự trong danh sách xác định thứ tự luôn là số nguyên.
c) Khi mở bằng trình duyệt web, theo mặc định mục trong danh sách không xác định thứ tự được hiển thị bắt đầu bằng dấu sao (*).
d) Có thể thay đổi số thứ tự của mục bắt đầu trong danh sách xác định thứ tự.
Câu 2. Khai báo nào sau đây sẽ tạo một bảng có hai hàng, mỗi hàng gồm một ô dữ liệu?

Gợi ý trả lời:

Câu 1.
a) Khi khai báo thuộc tính type="A" danh sách xác định thứ tự các mục theo chữ cái viết hoa. → Đúng – Trong danh sách có thứ tự (<ol>), nếu sử dụng type="A", các mục sẽ được đánh số thứ tự bằng chữ cái viết hoa (A, B, C, ...).
b) Số thứ tự trong danh sách xác định thứ tự luôn là số nguyên. → Đúng – Danh sách <ol> mặc định sử dụng số nguyên dương (1, 2, 3...) để đánh số thứ tự.
c) Khi mở bằng trình duyệt web, theo mặc định mục trong danh sách không xác định thứ tự được hiển thị bắt đầu bằng dấu sao (*). → Sai – Theo mặc định, danh sách không có thứ tự (<ul>) sẽ hiển thị các mục với dấu chấm tròn (•) chứ không phải dấu sao (*).
d) Có thể thay đổi số thứ tự của mục bắt đầu trong danh sách xác định thứ tự. → Đúng – Có thể thay đổi số bắt đầu của danh sách <ol> bằng cách dùng thuộc tính start.
Câu 2.
C. <table><tr><td>Hàng 1</td></tr><tr><td>Hàng 2</td></tr></table>
Đây là cấu trúc đúng của một bảng trong HTML:
<table>: Bắt đầu bảng.
<tr>: Xác định từng hàng.
<td>: Xác định ô dữ liệu trong hàng.

---The end!---

CÙNG CHUYÊN MỤC: