Lý thuyết Tin học 12 Bài F3 (Chân trời sáng tạo): Tạo bảng và khung trong trang web với HTML

Tóm tắt lý thuyết Tin học lớp 12 Bài F3: Tạo bảng và khung trong trang web với HTML ngắn gọn, chi tiết sách Chân trời sáng tạo sẽ giúp học sinh nắm vững kiến thức trọng tâm, ôn luyện để học tốt Tin học 12.

1 524 30/07/2025


Lý thuyết Tin học 12 Bài F3: Tạo bảng và khung trong trang web với HTML

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.

Lý thuyết Tin 12 Chân trời sáng tạo Bài F3: Tạo bảng và khung trong trang web với HTML

Để 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

Số trang một khác vào trong trạng

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.

Lý thuyết Tin 12 Chân trời sáng tạo Bài F3: Tạo bảng và khung trong trang web với HTML

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.

Trắc nghiệm: Tạo bảng và khung trong trang web với HTML

PHẦN I. Câu trắc nghiệm nhiều phương án lựa chọn. Thí sinh trả lời từ câu 1 đến câu 10. Mỗi câu hỏi thí sinh chỉ lựa chọn một phương á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.

PHẦN II. Câu trắc nghiệm đúng Sai. Thí sinh trả lời từ câu 1 đến câu 2. Trong mỗi ý a), b), c), d) ở mỗi câu, thí sinh chọn đúng hoặc 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.

PHẦN III. Câu trả lời ngắn. Thí sinh trả lời từ câu 1 đến câu 3

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.

1 524 30/07/2025


Xem thêm các chương trình khác: