Câu hỏi tự luận mức độ vận dụng Tin học ứng dụng 12 ctst bài F3: Tạo bảng và khung trong trang web với HTML

Câu 1: 

Bước 1: Bắt đầu với thẻ <table>: Đây là thẻ gốc bao bọc toàn bộ bảng.

Bước 2: Thêm hàng tiêu đề với thẻ <thead> và <tr>: <thead> nhóm các hàng tiêu đề, <tr> tạo một hàng.

Bước 3: Thêm các ô tiêu đề với thẻ <th>: <th> đại diện cho một ô tiêu đề. Vì có 3 cột, ta cần 3 thẻ <th>.

Bước 4: Thêm phần nội dung bảng với thẻ <tbody>: <tbody> nhóm các hàng dữ liệu.

+ Thêm các hàng dữ liệu với thẻ <tr> và các ô dữ liệu với thẻ <td>: Vì có 3 hàng dữ liệu, ta cần 3 thẻ <tr> bên trong <tbody>. Mỗi hàng có 3 ô dữ liệu, tương ứng với 3 thẻ <td>.

+ (Tùy chọn) Thêm đường viền cho bảng: Để bảng dễ nhìn hơn, bạn có thể thêm thuộc tính border vào thẻ <table> hoặc sử dụng CSS.

Câu 2: 

Bước 1: Khởi tạo bảng và tiêu đề

Bước 2: Thêm dữ liệu cho 5 sản phẩm

Bước 4: (Tùy chọn) Thêm CSS để định dạng bảng

Câu 3: 

- Lưu ý quan trọng: Việc sử dụng frame (thẻ <frame>, <frameset>) đã lỗi thời và không được khuyến nghị sử dụng nữa. Thay vào đó, bạn nên sử dụng <iframe> hoặc các kỹ thuật bố cục CSS hiện đại như Flexbox hoặc Grid. Dưới đây là cách sử dụng <iframe> để đạt được hiệu ứng tương tự:

- Tạo hai tệp HTML chứa hai bảng: Ví dụ: table1.html và table2.html (chứa mã HTML của hai bảng như đã tạo ở trên).

- Tạo một tệp HTML chính (ví dụ: index.html) chứa hai <iframe>