Bài 9. Tạo danh sách, bảng trang 27 SBT Tin học 12 Kết nối tri thức với cuộc sống

1.1

Trả lời câu hỏi 1.1 trang 27 Bài 1 SBT Tin học 12 Kết nối tri thức

Kiểu danh sách nào cho phép đánh số các phần tử trong danh sách?

A. Danh sách số.

C. Danh sách không có thứ tự.

B. Danh sách mô tả.

D. Danh sách có thứ tự.

Lời giải chi tiết:

Đáp án đúng là D

1.2

Trả lời câu hỏi 1.2 trang 27 Bài 1 SBT Tin học 12 Kết nối tri thức

Danh sách nào phù hợp để liệt kê các phương án có thể lựa chọn cho một câu hỏi trắc nghiệm?

A. Danh sách có thứ tự.

C. Danh sách mô tả.

B. Danh sách không có thứ tự.

D. Danh sách có thứ tự và danh sách mô tả.

Lời giải chi tiết:

Đáp án đúng là: A

1.3

Trả lời câu hỏi 1.3 trang 27 Bài 1 SBT Tin học 12 Kết nối tri thức

Để tạo một danh sách không có thứ tự em sử dụng cặp thẻ nào?

A. <ol>.

B. <ul>.

C. <dl>.

D. <li>.

Lời giải chi tiết:

Đáp án đúng là: B

1.4

Trả lời câu hỏi 1.4 trang 27 Bài 1 SBT Tin học 12 Kết nối tri thức

Mỗi phương án sau đây là đúng hay sai?

A. Các phần tử của danh sách mô tả không được định nghĩa bởi thẻ <li>

B. Thẻ <dl> có thuộc tính type.

C. Thuộc tính type dùng để xác định loại kí tự đầu dòng trong danh sách không

có thứ tự.

D. Các loại danh sách có thể được sử dụng làm nội dung của các ô trong bảng (nằm trong cặp thẻ <td>...</td>).

Lời giải chi tiết:

Đáp án đúng là: A, D

A. Đúng. Trong HTML, danh sách mô tả (description list) được khai báo bằng thẻ <dl>. Khác với danh sách có thứ tự (<ol>) và danh sách không có thứ tự (<ul>), danh sách mô tả không sử dụng thẻ <li> (list item) để biểu thị các phần tử của danh sách.

Danh sách mô tả sử dụng hai thẻ chính:

<dt> (description term): Được sử dụng để mô tả tên hoặc thuật ngữ cần được định nghĩa.

<dd> (description data): Được sử dụng để giải thích hoặc mô tả chi tiết cho thuật ngữ trong thẻ <dt>.

D. Đúng."Các loại danh sách có thể được sử dụng làm nội dung của các ô trong bảng (nằm trong cặp thẻ <td>...</td>)."

Trong HTML, ô của bảng được định nghĩa bằng thẻ <td> (table data), và nội dung của thẻ <td> có thể là văn bản, hình ảnh, danh sách, hoặc thậm chí là các phần tử HTML phức tạp hơn như danh sách có thứ tự (<ol>), danh sách không có thứ tự (<ul>), hoặc danh sách mô tả (<dl>).

Điều này có nghĩa là bạn có thể lồng các danh sách vào bên trong thẻ <td>, và trình duyệt sẽ hiển thị chúng một cách chính xác.

1.5

Trả lời câu hỏi 1.5 trang 28 Bài 1 SBT Tin học 12 Kết nối tri thức

Mỗi phương án sau đây là đúng hay là sai?

Cho đoạn mã HTML như sau:

<li>Khoa học tự nhiên</li>

<10/>

A. Câu lệnh tạo một danh sách có thứ tự gồm hai phần tử.

B. Kiểu đánh số là 1, 2, 3.

C. Các phần tử được đánh số 11 và 12.

D. Đoạn mã trên chưa đúng cú pháp.

Lời giải chi tiết:

Đáp án đúng là: C

1.6

Trả lời câu hỏi 1.6 trang 28 Bài 1 SBT Tin học 12 Kết nối tri thức

Để tạo một bảng có 4 hàng, 3 cột ta cần sử dụng bao nhiêu thẻ?

A. 4 thẻ tr và 12 thẻ td.

B. 3 thẻ tc và 12 thẻ td.

C. 4 thẻ tr. 3 thẻ th và 12 thẻ td.

D. 3 thẻ tc, 4 thẻ th và 12 thẻ td.

Lời giải chi tiết:

Đáp án đúng là: A

1.7

Trả lời câu hỏi 1.7 trang 28 Bài 1 SBT Tin học 12 Kết nối tri thức

Để tạo một bảng có 4 hàng, 4 cột trong đó ô 2, 3 và 4 của hàng trên cùng được gộp làm 1. Ta cần phải dùng thuộc tính nào trong các thuộc tính sau đây?

A. rowspan.

B. colspan.

C. style.

D.merge

Lời giải chi tiết:

Đáp án đúng là: B

1.8

Trả lời câu hỏi 1.8 trang 28 Bài 1 SBT Tin học 12 Kết nối tri thức

Để thiết lập viền cho bảng ta có thể sử dụng thuộc tính nào?

A. Thuộc tính border.

B. Thuộc tính style

C. Thuộc tính border và style.

D. Thuộc tính table-border

Lời giải chi tiết:

Đáp án đúng là: C

1.9

Trả lời câu hỏi 1.9 trang 28 Bài 1 SBT Tin học 12 Kết nối tri thức

A. Cặp thẻ <table>...</table> được dùng để tạo bảng.

B. Các cặp thẻ <tr>...</tr> được dùng để tạo các hàng trong bảng.

C. Các cặp thẻ <tc>...<tc> được dùng để tạo các cột trong bảng.

D. Các cặp thẻ <th>...</th> và <td>...</td> được dùng để tạo các ô trong bảng.

Lời giải chi tiết:

Đáp án đúng là: C

1.10

Trả lời câu hỏi 1.10 trang 28 Bài 1 SBT Tin học 12 Kết nối tri thức

Thực hành: Viết đoạn mã HTML để tạo:

A. Một bảng kích thước 6 x 4 (ô) có độ rộng bằng 100% chiều rộng của màn hình.

B. 4 cột trong đó cột 1 có độ rộng 40%, các cột 2, 3, 4 có độ rộng 20% chiều rộng bảng.

C. Gộp hai ô 2, 3 và ba ô 4, 5, 6 của cột 1.

D. gộp các ô 3, 4 của cột 3 và cột 5

E. Thiết lập đường viền cho bảng

F. đặt tiêu đề cho bảng lả Bảng 1

Lời giải chi tiết:

Hướng dẫn:

A. Các bước thực hiện lần lượt là: viết cặp thẻ <table style=“width:100% > </table> tạo bảng có độ rộng bằng 100% màn hình. Ở giữa hai thẻ ta viết sáu cặp <tr></tr> tương ứng với sáu dòng; giữ mỗi cặp tr, ta viết bốn cặp <td></td> tương ứng với bốn cột.

Lưu ý:

- Nếu không thêm dữ liệu vào bảng, để nhìn thấy kết quả cần đặt thuộc tính border = "1".

- Để dễ quan sát cấu trúc bảng có thể thêm thuộc tính height cho bảng hoặc bổ sung dữ liệu cho các ô trong bảng.

- Ta có thể sử dụng cặp thẻ <th></th> thay cho cặp <td></td> để xác định vị trí cho ô đầu hàng/cột.

Nên xuống dòng khi sang định nghĩa mới (ô mới, dòng mới) để đoạn mã dễ nhin, dễ kiểm tra.

B. Để cột 1 có độ rộng 40%: thêm style=“width:40%” vào thẻ td đầu tiên của hàng. Thêm style=“width:20%” vào các thẻ td còn lại của hàng.

Lưu ý: Chỉ cần thêm vào 1 hàng, không cần phải thêm vào tất cả các hàng.

C. Để gộp các ô trên cùng cột, tức là một ô sẽ gồm nhiều hàng khác nhau. Ta sử dụng thuộc tính rowspan.

Cụ thể:

– Thêm vào thuộc tính rowspan="2” vào thẻ <td> đầu tiên trong <tr> thứ hai.

– Thêm vào thuộc tính rowspan="3" vào thẻ <td> đầu tiên trong <tr> thứ tư. – Xoá cặp thẻ td đầu tiên trong các thẻ tr thứ ba, thứ năm và thứ sáu (là các ô

đã được gộp vào các ô ở bước trên).

Lưu ý: Nếu không xoá, cấu trúc bảng sẽ bị sai.

D. Để gộp các ô trên cùng hàng, tức là một ô sẽ gồm nhiều cột khác nhau. Ta sử dụng thuộc tính colspan. Trong các hàng thứ ba và thứ năm hiện tại, các ô định nghĩa với thẻ td nằm ở cột 2, 3 và 4. Do vậy ô 3 và 4 trong hai hàng này định nghĩa bởi thẻ td thứ hai và thứ ba.

Cụ thể:

Thêm vào thuộc tính colspan="2" vào thẻ <td> thứ ba trong thẻ tr thứ ba và thứ năm.

– Xoá cặp thẻ td cuối cùng trong các thẻ tr thứ ba và thứ năm.

E. Đường viền của bảng có thể thiết lập bằng cách:

– Thêm thuộc tính border = “1” vào trong thẻ <table style="width:100%” >. – Thêm thuộc tính border trong thuộc tính style – xác định bộ giá trị độ dày và kiểu viền (có thể thêm màu).

Ví dụ: style="border:2px solid"; style="border:1px dotted" hay style="border:2px double blue"...

Lưu ý: Khi sử dụng thuộc tính style, ta phải thêm viền cho từng ô trong bảng.

F. Tạo tiêu đề bằng thẻ caption:

vào ngay sau thẻ <table>, trước thẻ <tr> đầu tiên.