Bài 4. Trình bày nội dung theo dạng danh sách, bảng biểu trang 49, 50, 51 SGK Tin học 12 Cánh diều

CH tr 49

Trả lời câu hỏi Khởi động trang 49 SGK Tin học 12 Cánh diều

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?

Phương pháp giải:

Dựa vào đặc điểm của từng dạng văn bản để lựa chọn kiểu trình bày hợp lí.

Lời giải chi tiết:

Để trình bày một văn bản, khi văn bản ở dạng chữ cái nên trình bày theo dạng liệt kê các mục và khi văn bản ở dạng cần thống kê, so sánh nên trình bày theo dạng bảng. 

CH tr 50

Trả lời câu hỏi Hoạt động trang 50 SGK Tin học 12 Cánh diều

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.

Phương pháp giải:

Sử dụng các phần tử có tác dụng đánh dấu thứ tự các mục trang danh sách.

Phần tử ol dùng để tạo danh sách xác định thứ tự.

Phần tử li được sử dụng để tạo các mục nội dung trong danh sách.

Lời giải chi tiết:

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.

VD

Trả lời câu hỏi Vận dụng trang 53 SGK Tin học 12 Cánh diều

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.

Phương pháp giải:

Bổ sung nội dung cho website các nhân bằng cách:

- 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.

Lời giải chi tiết:

- 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: 

KT1

Trả lời câu hỏi Kiểm tra 1 trang 53 SGK Tin học 12 Cánh diều

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ự.

Phương pháp giải:

Phần tử ol  dùng để khai báo danh sách xác định thứ tự, được khai báo:

<ol>

<li> Nội dung 1</li>

...

<li> Nội dung n</li>

</ol>

Phần tử ul dùng để tạo danh sách không xác định thứ tự, được khai báo.

<ul>

<li> Nội dung 1</li>

...

<li> Nội dung n</li>

</ul>

Lời giải chi tiết:

a) Đúng. 

b) Đúng. 

c) Sai. 

d) Đúng.

KT2

Trả lời câu hỏi Kiểm tra 2 trang 53 SGK Tin học 12 Cánh diều

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>

Phương pháp giải:

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>

Lời giải chi tiết:

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>