Lý thuyết Tin học 12 Chân trời sáng tạo bài F3
Lý thuyết Tin học 12 bài F3: Tạo bảng và khung trong trang web với HTML có toàn bộ lý thuyết và câu hỏi trắc nghiệm có trong chương trình sách mới. Thông qua đây các em học sinh đối chiếu với lời giải của mình, hoàn thành bài tập hiệu quả.
Bài: Tạo bảng và khung trong trang web với HTML
A. Lý thuyết Tin học 12 bài F3
1. Tạo bảng
Để trình bày nội dung dưới dạng bảng, HTML cung cấp thẻ <table> để định nghĩa bảng, thẻ <tr> để định nghĩa hàng trong bảng, thẻ <th> để định nghĩa ô tiêu đề và thẻ <td> để định nghĩa các ô còn lại.
Để tạo bảng, em dùng thẻ <table> kết hợp với các thẻ <tr>, <th>, <td>.
Mỗi thẻ có một số thuộc tính dùng để định dạng màu sắc, kích thước,... cho bảng.
2. Tạo khung
Thẻ <iframe> được dùng để nhúng một trang web khác vào trong trang web hiện tại.
Cú pháp của thẻ <iframe) như sau:
<iframe src="đường dẫn" width="chiều_rộng" height="chiều_cao"></iframe>
Thuộc tính src chỉ định đường dẫn của trang web hoặc đối tượng được nhúng vào; thuộc tính width và height dùng để chỉ định kích thước của khung.
Thẻ <iframe) được dùng để nhúng trang web khác vào trang web hiện tại. Thuộc tính src dùng để chỉ định đường dẫn của trang web cần nhúng, thuộc tính width và height dùng để chỉ định chiều rộng và chiều cao của khung.
B. Trắc nghiệm Tin học 12 bài F3
1. Câu trắc nghiệm nhiều phương án lựa chọn
Câu 1: Thẻ nào trong HTML được sử dụng để định nghĩa một bảng?
A. <table>
B. <tr>
C. <th>
D. <td>
Đáp án: A
Giải thích: Thẻ <table> trong HTML được sử dụng để định nghĩa một bảng, bao gồm các hàng và cột chứa dữ liệu.
Câu 2: Thẻ nào được sử dụng để định nghĩa một hàng trong bảng HTML?
A. <table>
B. <tr>
C. <th>
D. <td>
Đáp án: B
Giải thích: Thẻ <tr> trong HTML được sử dụng để định nghĩa một hàng trong bảng, trong đó các ô được đặt bằng thẻ <th> hoặc <td>.
Câu 3: Thẻ nào được sử dụng để định nghĩa một ô tiêu đề trong bảng HTML?
A. <table>
B. <tr>
C. <th>
D. <td>
Đáp án: C
Giải thích: Thẻ <th> trong HTML được sử dụng để định nghĩa một ô tiêu đề trong bảng, thường hiển thị nội dung dưới dạng chữ đậm và căn giữa.
Câu 4: Thẻ <td> trong HTML được sử dụng để làm gì?
A. Định nghĩa bảng
B. Định nghĩa hàng trong bảng
C. Định nghĩa ô tiêu đề
D. Định nghĩa các ô dữ liệu
Đáp án: D
Giải thích: Thẻ <td> trong HTML được sử dụng để định nghĩa các ô dữ liệu trong bảng, nơi chứa thông tin cụ thể trong một hàng.
Câu 5: Thẻ nào được sử dụng để nhúng một trang web khác vào trang web hiện tại?
A. <iframe>
B. <table>
C. <div>
D. <embed>
Đáp án: A
Giải thích: Thẻ <iframe> được sử dụng để nhúng một trang web khác vào trong trang web hiện tại, cho phép hiển thị nội dung từ một nguồn khác trong một khung trên trang.
Câu 6: Thuộc tính nào trong thẻ <iframe> chỉ định đường dẫn của trang web được nhúng?
A. width
B. height
C. src
D. align
Đáp án: C
Giải thích: Thuộc tính src trong thẻ <iframe> chỉ định đường dẫn của trang web hoặc tài liệu được nhúng vào trang web hiện tại.
Câu 7: Để chỉ định chiều rộng của khung trong thẻ <iframe>, thuộc tính nào được sử dụng?
A. width
B. height
C. src
D. frameborder
Đáp án: A
Giải thích: Thuộc tính width trong thẻ <iframe> được sử dụng để chỉ định chiều rộng của khung hiển thị nội dung được nhúng.
Câu 8: Thẻ <iframe> không có thuộc tính nào sau đây?
A. width
B. height
C. src
D. colspan
Đáp án: D
Giải thích: Thuộc tính colspan không thuộc thẻ <iframe> mà thuộc thẻ <td> hoặc <th> để xác định số lượng cột mà ô dữ liệu chiếm trong bảng.
Câu 9: Trong thẻ <table>, thuộc tính nào dùng để định nghĩa khoảng cách giữa các ô?
A. cellpadding
B. cellspacing
C. border
D. with
Đáp án: B
Giải thích: Thuộc tính cellspacing trong thẻ <table> được sử dụng để xác định khoảng cách giữa các ô trong bảng.
Câu 10: Thuộc tính height trong thẻ <iframe> dùng để làm gì?
A. Xác định chiều rộng của khung
B. Xác định đường dẫn của trang web được nhúng
C. Xác định chiều cao của khung
D. Xác định kiểu viền của khung
Đáp án: C
Giải thích: Thuộc tính height trong thẻ <iframe> được sử dụng để xác định chiều cao của khung hiển thị nội dung được nhúng.
2. Câu trắc nghiệm đúng sai
Câu 1: Phát biểu sau đây đúng hay sai về các thẻ trong HTML?
a) Thẻ <table> được sử dụng để định nghĩa một bảng trong HTML.
b) Thẻ <tr> được sử dụng để định nghĩa một hàng trong bảng HTML.
c) Thẻ <th> chỉ được sử dụng để định nghĩa ô dữ liệu, không phải ô tiêu đề trong bảng HTML.
d) Thẻ <td> được sử dụng để định nghĩa các ô tiêu đề trong bảng HTML.
a) Đúng, thẻ <table> định nghĩa bảng.
b) Đúng, thẻ <tr> định nghĩa hàng trong bảng.
c) Sai, thẻ <th> dùng để định nghĩa ô tiêu đề, không phải ô dữ liệu.
d) Sai, thẻ <td> dùng để định nghĩa các ô dữ liệu, không phải ô tiêu đề.
Câu 2: Phát biểu sau đây đúng hay sai về thẻ <iframe> trong HTML?
a) Thẻ <iframe> được dùng để nhúng trang web khác vào trang web hiện tại.
b) Thuộc tính src của thẻ <iframe> dùng để chỉ định đường dẫn của trang web được nhúng.
c) Thuộc tính width của thẻ <iframe> dùng để chỉ định chiều cao của khung.
d) Thẻ <iframe> không thể nhúng các tài liệu khác ngoài HTML.
a) Đúng, thẻ <iframe> nhúng trang web khác vào trang web hiện tại.
b) Đúng, thuộc tính src chỉ định đường dẫn của trang web được nhúng.
c) Sai, thuộc tính width dùng để chỉ định chiều rộng của khung, không phải chiều cao.
d) Sai, thẻ <iframe> có thể nhúng nhiều loại tài liệu khác nhau, không chỉ HTML.
3. Câu trả lời ngắn
Câu 1: Để tạo một bảng trong HTML, ta sử dụng những thẻ nào?
Đáp án: Để tạo một bảng trong HTML, ta sử dụng thẻ <table> để định nghĩa bảng, thẻ <tr> để định nghĩa hàng, thẻ <th> để định nghĩa ô tiêu đề và thẻ <td> để định nghĩa các ô còn lại.
Giải thích: Thẻ <table> là thẻ chính để định nghĩa bảng. Mỗi hàng trong bảng được định nghĩa bằng thẻ <tr>, trong đó thẻ <th> được sử dụng cho các ô tiêu đề (thường nằm ở đầu bảng) và thẻ <td> được sử dụng cho các ô chứa dữ liệu.
Câu 2: Những thuộc tính nào của các thẻ trong bảng HTML được sử dụng để định dạng màu sắc và kích thước của bảng?
Đáp án: Các thẻ trong bảng HTML như <table>, <tr>, <th>, <td> có các thuộc tính dùng để định dạng màu sắc, kích thước, và các đặc tính khác như border, cellpadding, cellspacing, width, height, bgcolor, align, và valign.
Giải thích: Các thuộc tính này giúp định dạng bảng để hiển thị theo ý muốn, ví dụ như điều chỉnh độ dày đường viền (border), khoảng cách giữa các ô (cellspacing), và màu nền (bgcolor).
Câu 3: Thẻ <iframe> trong HTML được sử dụng để làm gì?
Đáp án: Thẻ <iframe> trong HTML được sử dụng để nhúng một trang web khác hoặc một tài liệu khác vào trong trang web hiện tại.
Giải thích: Thẻ <iframe> giúp nhúng nội dung từ một nguồn khác vào trong trang web, bằng cách chỉ định đường dẫn của trang web cần nhúng qua thuộc tính src. Các thuộc tính width và height có thể được sử dụng để chỉ định kích thước của khung chứa nội dung nhúng.
>>>> Bài tiếp theo: Lý thuyết Tin học 12 Chân trời sáng tạo bài F4
- Bài F4: Thêm dữ liệu đa phương tiện vào trang web
- Bài F5: Tạo biểu mẫu trong trang web
- Bài F6: Dự án tạo trang web
- Bài F7: Giới thiệu CSS
- Bài F8: Một số thuộc tính cơ bản của CSS
- Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS
- Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS
- Bài F10: Định kiểu CSS cho siêu liên kết và danh sách
- Bài F11: Định kiểu CSS cho bảng và phần tử <div>
- Bài F12: Định kiểu CSS cho biểu mẫu
- Bài F13: Dự án tạo trang web (tiếp theo)