Khởi động (trang 49) Tin 12 Cánh Diều Bài 4 Chủ đề F: 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?
Trả lời:
Việc chọn giữa liệt kê các mục và trình bày dưới dạng bảng phụ thuộc vào nội dung cụ thể của văn bản và mục đích của bạn trong việc trình bày thông tin.
Liệt kê các mục:
- Khi bạn muốn đưa ra danh sách các mục có liên quan nhưng không cần phải so sánh chúng trực tiếp.
- Khi các mục không có sự liên kết rõ ràng hoặc cần được phân loại theo một tiêu chí nào đó.
- Khi bạn muốn mô tả một loạt các điểm, ý tưởng hoặc mục tiêu một cách ngắn gọn và dễ đọc.
- Khi sự tương quan hoặc thứ tự không quan trọng.
Trình bày dưới dạng bảng:
- Khi bạn muốn so sánh các giá trị, dữ liệu hoặc thuộc tính của các mục với nhau.
- Khi thông tin cần được hiển thị dưới dạng lưới và cần tổ chức bằng cách sắp xếp các hàng và cột.
- Khi bạn muốn biểu diễn một lượng lớn dữ liệu một cách cụ thể và dễ hiểu.
- Khi cần có một cấu trúc rõ ràng để so sánh và phân tích thông tin.
1. Tạo danh sách
Hoạt động (trang 50) Tin 12 Cánh Diều Bài 4 Chủ đề F: Em 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.
Trả lời:
- Danh sách xác định thứ tự được dùng khi thứ tự xuất hiện các mục của nó là quan trọng. Phần tử ol dùng để tạo danh sách xác định thứ tự và được khai báo như sau:
<ol>
<li> Nội dung l<li>
<li>Nội dung n<li>
</ol>
Phần tử li được sử dụng để tạo các mục nội dung trong danh sách. Nội dung của mỗi mục được viết trong cặp thẻ <li></li>. Các mục trong danh sách theo mặc định được xác định thứ tự tăng dần bằng các số nguyên bắt đầu từ 1.
Vận dụng
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.
- 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.
Kết quả như sau:
- 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.
Kết quả như sau:
Câu hỏi tự kiểm tra
Câu 1 (trang 53) Tin 12 Cánh Diều Bài 4 Chủ đề F: 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ự.
Đáp án:
a) Sai. Khi sử dụng thuộc tính `type="A"` trong danh sách xác định thứ tự, các mục sẽ được đánh số theo chữ cái viết hoa A, B, C, ... không phải là chữ cái viết hoa. Do đó, phát biểu này không chính xác.
b) Đúng. Trong danh sách xác định thứ tự (`<ol>`), số thứ tự của các mục là số nguyên, bắt đầu từ 1 và tăng dần.
c) Sai. Theo mặc định, mục trong danh sách không xác định thứ tự (`<ul>`) không được hiển thị bắt đầu bằng dấu sao (*). Thay vào đó, các mục trong danh sách này thường được hiển thị với dấu đầu dòng hoặc dấu bullet.
d) Đúng. Bạn có thể thay đổi số thứ tự của mục bắt đầu trong danh sách xác định thứ tự (`<ol>`) bằng cách sử dụng thuộc tính `start` và chỉ định số bạn muốn danh sách bắt đầu từ đó.
Câu 2 (trang 53) Tin 12 Cánh Diều Bài 4 Chủ đề F: 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?
A. <table><td><tr>Hàng 1</tr><tr>Hàng2</tr></td></table>
B. <table><tr>Hàng 1</tr><tr>Hàng 2</tr></table>
C. <table><tr><td>Hàng 1</td></tr><tr><td>Hàng2</td></tr></table>
D. <table><td>Hàng 1</td><td>Hàng 2</td></table>
Đáp án:
Phần tử table được dùng để tạo bảng, có cú pháp khai báo:
<table>
<tr>
<td>Dữ liệu</td>
<td>Dữ liệu</td>
</tr>
...
</table>
=> Khai báo sẽ tạo một bảng gồm 2 hàng, mỗi hàng 1 ô dữ liệu là:
C. <table><tr><td>Hàng 1</td></tr><tr><td>Hàng2</td></tr></table>