?
Thẻ `<th>` (table header) dùng để định nghĩa ô tiêu đề. Nội dung bên trong thẻ này thường được hiển thị mặc định dưới dạng chữ đậm và căn giữa để phân biệt với ô dữ liệu thông thường (`<td>`).
5 / 30
Category:
Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F3: Tạo bảng và khung trong trang web với HTML
Tags:
Bộ đề 1
Câu 5: Bạn muốn tạo một bảng có đường viền hiển thị rõ ràng. Thuộc tính nào của thẻ
được sử dụng phổ biến nhất (trước khi CSS trở nên thịnh hành) để thiết lập độ dày đường viền?
Thuộc tính `border` của thẻ `<table>` được sử dụng để thiết lập độ dày của đường viền bao quanh bảng và các ô trong bảng. Giá trị là một số pixel.
6 / 30
Category:
Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F3: Tạo bảng và khung trong trang web với HTML
Tags:
Bộ đề 1
Câu 6: Thuộc tính cellspacing trong thẻ
được sử dụng để làm gì?
Thuộc tính `cellspacing` xác định khoảng cách giữa các ô (cell) liền kề trong bảng.
7 / 30
Category:
Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F3: Tạo bảng và khung trong trang web với HTML
Tags:
Bộ đề 1
Câu 7: Thuộc tính cellpadding trong thẻ
khác với cellspacing như thế nào?
`cellpadding` là khoảng cách giữa nội dung bên trong một ô và đường viền của ô đó, trong khi `cellspacing` là khoảng cách giữa các ô liền kề nhau.
8 / 30
Category:
Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F3: Tạo bảng và khung trong trang web với HTML
Tags:
Bộ đề 1
Câu 8: Bạn muốn một ô trong bảng của mình kéo dài qua 3 cột. Thuộc tính nào của thẻ
hoặc
cần sử dụng?
Thuộc tính `colspan` được sử dụng trong thẻ `<td>` hoặc `<th>` để chỉ định số lượng cột mà ô đó sẽ chiếm chỗ.
9 / 30
Category:
Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F3: Tạo bảng và khung trong trang web với HTML
Tags:
Bộ đề 1
Câu 9: Tương tự, bạn muốn một ô trong bảng của mình kéo dài qua 2 hàng. Thuộc tính nào của thẻ
hoặc
cần sử dụng?
Thuộc tính `rowspan` được sử dụng trong thẻ `<td>` hoặc `<th>` để chỉ định số lượng hàng mà ô đó sẽ chiếm chỗ.
10 / 30
Category:
Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F3: Tạo bảng và khung trong trang web với HTML
Tags:
Bộ đề 1
Câu 10: Xem xét đoạn mã HTML sau. Bảng này sẽ có bao nhiêu *ô hiển thị* (visual cells)?
Hàng thứ nhất có 1 ô `<th>` nhưng chiếm 2 cột (`colspan="2"`). Hàng thứ hai có 2 ô `<td>`. Tổng cộng có 1 + 2 = 3 ô hiển thị.
11 / 30
Category:
Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F3: Tạo bảng và khung trong trang web với HTML
Tags:
Bộ đề 1
Câu 11: Bạn muốn tạo một bảng có 3 hàng và 4 cột. Cấu trúc HTML cơ bản nào sau đây là đúng?
Một bảng 3x4 cần 3 thẻ `<tr>` (hàng) bên trong thẻ `<table>`. Mỗi thẻ `<tr>` cần chứa 4 thẻ `<td>` (ô) hoặc `<th>`.
12 / 30
Category:
Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F3: Tạo bảng và khung trong trang web với HTML
Tags:
Bộ đề 1
Câu 12: Trong HTML, thẻ nào được sử dụng để nhúng một trang web khác vào bên trong trang web hiện tại, tạo ra một 'khung' hiển thị nội dung từ nguồn bên ngoài?
Thẻ `<iframe>` được thiết kế đặc biệt để nhúng nội dung từ một nguồn khác (thường là trang web khác) vào một 'khung' trên trang hiện tại.
13 / 30
Category:
Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F3: Tạo bảng và khung trong trang web với HTML
Tags:
Bộ đề 1
Câu 13: Để chỉ định địa chỉ (URL) của trang web hoặc tài liệu cần nhúng vào thẻ , bạn sử dụng thuộc tính nào?
Thuộc tính `src` (source) trong thẻ `<iframe>` dùng để xác định nguồn nội dung sẽ được hiển thị trong khung.
14 / 30
Category:
Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F3: Tạo bảng và khung trong trang web với HTML
Tags:
Bộ đề 1
Câu 14: Bạn muốn nhúng trang 'https://example.com' vào trang hiện tại với chiều rộng là 600 pixel và chiều cao là 400 pixel. Đoạn mã nào sau đây là đúng?
Thẻ `<iframe>` cần thuộc tính `src` để chỉ định URL, `width` cho chiều rộng và `height` cho chiều cao. Các giá trị được đặt trong dấu ngoặc kép.
15 / 30
Category:
Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F3: Tạo bảng và khung trong trang web với HTML
Tags:
Bộ đề 1
Câu 15: Thuộc tính frameborder của thẻ được sử dụng để làm gì?
Thuộc tính `frameborder` (với giá trị '1' hoặc '0') được sử dụng để chỉ định xem khung `<iframe>` có hiển thị đường viền mặc định hay không. Giá trị '0' sẽ loại bỏ đường viền.
16 / 30
Category:
Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F3: Tạo bảng và khung trong trang web với HTML
Tags:
Bộ đề 1
Câu 16: Xem xét đoạn mã: . Nếu thuộc tính height bị bỏ qua, trình duyệt thường xử lý kích thước chiều cao của như thế nào?
Nếu thuộc tính `height` không được chỉ định cho `<iframe>`, trình duyệt thường sẽ áp dụng một giá trị mặc định, phổ biến là khoảng 150 pixel.
17 / 30
Category:
Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F3: Tạo bảng và khung trong trang web với HTML
Tags:
Bộ đề 1
Câu 17: Bạn đang thiết kế một trang web và cần hiển thị một danh sách các sản phẩm theo dạng bảng, mỗi sản phẩm trên một hàng với các thông tin như Tên, Giá, Số lượng ở các cột tương ứng. Thẻ HTML nào là phù hợp nhất để tổ chức dữ liệu này?
Bảng HTML (`<table>`) là cấu trúc chuẩn trong HTML để hiển thị dữ liệu có quan hệ hàng và cột, rất phù hợp cho việc trình bày danh sách sản phẩm như mô tả.
18 / 30
Category:
Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F3: Tạo bảng và khung trong trang web với HTML
Tags:
Bộ đề 1
Câu 18: Mục đích chính của việc sử dụng thẻ trong thiết kế web là gì?
Thẻ `<iframe>` cho phép tích hợp nội dung từ một nguồn bên ngoài (như một trang web khác, video, bản đồ) trực tiếp vào trang web của bạn mà không cần rời khỏi trang.
19 / 30
Category:
Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F3: Tạo bảng và khung trong trang web với HTML
Tags:
Bộ đề 1
Câu 19: Khi sử dụng thẻ , nội dung được nhúng có chạy trên cùng một tiến trình (process) với trang web chứa nó không? Điều này ảnh hưởng gì?
Nội dung trong `<iframe>` thường chạy trong một môi trường riêng biệt, tách biệt với trang cha. Điều này giúp tăng cường bảo mật (ngăn chặn mã độc từ iframe ảnh hưởng đến trang cha) và độ ổn định (lỗi trong iframe ít có khả năng làm sập toàn bộ trang).
20 / 30
Category:
Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F3: Tạo bảng và khung trong trang web với HTML
Tags:
Bộ đề 1
Câu 20: Xem xét cấu trúc bảng sau. Ô 'Tổng cộng' cần kéo dài qua 2 cột cuối cùng của hàng cuối cùng. Bạn cần thêm thuộc tính gì vào thẻ
chứa nội dung 'Tổng cộng'?
Sản phẩm |
Giá |
Số lượng |
A |
100 |
5 |
Tổng cộng |
...
Để một ô kéo dài qua nhiều cột, ta sử dụng thuộc tính `colspan`. Vì ô 'Tổng cộng' cần chiếm chỗ của 2 cột cuối cùng, ta cần đặt `colspan="2"` cho thẻ `<td>` đó. Các ô còn lại trong hàng này sẽ bị bỏ đi.
21 / 30
Category:
Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F3: Tạo bảng và khung trong trang web với HTML
Tags:
Bộ đề 1
Câu 21: Bạn muốn tạo một bảng trong đó khoảng cách giữa nội dung của mỗi ô và đường viền ô là 10 pixel. Thuộc tính nào của thẻ
cần được thiết lập?
`cellpadding` kiểm soát khoảng trống giữa nội dung và đường viền bên trong mỗi ô.
22 / 30
Category:
Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F3: Tạo bảng và khung trong trang web với HTML
Tags:
Bộ đề 1
Câu 22: Thuộc tính width và height của thẻ
hoặc có thể nhận giá trị dưới dạng đơn vị nào sau đây?
Thuộc tính `width` và `height` có thể nhận giá trị là số pixel (ví dụ: `width="500"`) hoặc phần trăm (%) của phần tử chứa nó (ví dụ: `width="80%"`).
23 / 30
Category:
Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F3: Tạo bảng và khung trong trang web với HTML
Tags:
Bộ đề 1
Câu 23: Khi sử dụng thẻ để nhúng nội dung, điều gì có thể xảy ra nếu trang được nhúng không cho phép hiển thị trong (ví dụ: sử dụng header X-Frame-Options)?
Một số trang web sử dụng các biện pháp bảo mật (như header HTTP X-Frame-Options hoặc Content-Security-Policy) để ngăn chặn việc bị nhúng vào iframe trên các trang khác. Nếu trang được nhúng có cấu hình này, nó sẽ không hiển thị trong khung iframe và trình duyệt có thể hiển thị một thông báo lỗi.
24 / 30
Category:
Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F3: Tạo bảng và khung trong trang web với HTML
Tags:
Bộ đề 1
Câu 24: Giả sử bạn có một bảng 2x2. Bạn muốn ô ở góc trên bên trái kéo dài xuống cả hai hàng. Bạn sẽ sử dụng thuộc tính gì cho ô đó?
Để một ô kéo dài xuống dưới (qua nhiều hàng), ta sử dụng thuộc tính `rowspan`. Kéo dài qua 2 hàng thì giá trị là `rowspan="2"`.
25 / 30
Category:
Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F3: Tạo bảng và khung trong trang web với HTML
Tags:
Bộ đề 1
Câu 25: Xem xét đoạn mã HTML sau:
. Đoạn mã này có lỗi cấu trúc không? Nếu có, lỗi ở đâu?
Mỗi ô (`<td>` hoặc `<th>`) trong bảng HTML bắt buộc phải nằm bên trong một thẻ hàng (`<tr>`). Trong đoạn mã này, thẻ `<td>Dữ liệu 2</td>` nằm trực tiếp bên trong `<table>` mà không có thẻ `<tr>` bao quanh, gây ra lỗi cấu trúc.
26 / 30
Category:
Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F3: Tạo bảng và khung trong trang web với HTML
Tags:
Bộ đề 1
Câu 26: Bạn muốn tạo một khung iframe không có đường viền mặc định (do trình duyệt thêm vào). Bạn có thể sử dụng thuộc tính nào của thẻ và với giá trị bao nhiêu?
Thuộc tính `frameborder` với giá trị `"0"` (hoặc `"no"` trong HTML cũ, nhưng `"0"` là chuẩn HTML5) được dùng để loại bỏ đường viền mặc định của iframe.
27 / 30
Category:
Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F3: Tạo bảng và khung trong trang web với HTML
Tags:
Bộ đề 1
Câu 27: Xem xét đoạn mã bảng sau. Bảng này có bao nhiêu hàng?
Số hàng trong bảng HTML được xác định bởi số lượng thẻ `<tr>` (table row) trực tiếp bên trong thẻ `<table>`. Đoạn mã có 3 thẻ `<tr>`, do đó bảng có 3 hàng.
28 / 30
Category:
Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F3: Tạo bảng và khung trong trang web với HTML
Tags:
Bộ đề 1
Câu 28: Trong HTML5, việc sử dụng thuộc tính align (ví dụ:
) để căn chỉnh bảng có còn được khuyến khích không? Tại sao?
Trong HTML5, các thuộc tính định dạng kiểu dáng như `align`, `bgcolor`, `border` (trừ khi dùng cho mục đích ngữ nghĩa) không còn được khuyến khích. Việc định dạng nên được thực hiện bằng CSS để tách biệt cấu trúc và kiểu dáng.
29 / 30
Category:
Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F3: Tạo bảng và khung trong trang web với HTML
Tags:
Bộ đề 1
Câu 29: Thuộc tính srcdoc của thẻ (trong HTML5) cho phép bạn làm gì?
Thuộc tính `srcdoc` cho phép bạn nhúng trực tiếp mã HTML vào iframe thay vì phải trỏ đến một URL bên ngoài thông qua thuộc tính `src`. Điều này hữu ích khi bạn muốn nhúng một đoạn mã HTML nhỏ được tạo động hoặc kiểm soát hoàn toàn nội dung nhúng.
30 / 30
Category:
Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F3: Tạo bảng và khung trong trang web với HTML
Tags:
Bộ đề 1
Câu 30: Khi thiết kế một trang web responsive (đáp ứng trên nhiều thiết bị), việc sử dụng thuộc tính width và height cố định bằng pixel cho bảng và iframe có nhược điểm gì so với việc sử dụng phần trăm hoặc CSS?
Xem kết quả
Sử dụng giá trị cố định bằng pixel (ví dụ: width="600") sẽ khiến bảng hoặc iframe giữ nguyên kích thước đó bất kể kích thước màn hình thiết bị. Điều này làm cho nội dung có thể bị tràn hoặc quá nhỏ trên các màn hình khác nhau, không phù hợp với thiết kế responsive.
| | | | | |