Câu hỏi tự luận Khoa học máy tính 12 chân trời Bài F3: Tạo bảng và khung trong trang web HTML

CHỦ ĐỀ F. GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY TÍNH 

BÀI F3: TẠO BẢNG VÀ KHUNG TRONG TRANG WEB HTML

(11 CÂU)

1. NHẬN BIẾT (2 CÂU)

Câu 1: Ngôn ngữ HTML sử dụng thẻ nào để tạo bảng?

Trả lời: 

Ngôn ngữ HTML sử dụng thẻ <table> để tạo bảng.

Câu 2: Liệt kê các thuộc tính cơ bản của thẻ <table> trong HTML?

Trả lời: 

Các thuộc tính cơ bản của thẻ <table> bao gồm:

+ border: Xác định độ dày của viền bảng.

+ cellpadding: Xác định khoảng cách giữa nội dung ô và viền ô.

+ cellspacing: Xác định khoảng cách giữa các ô trong bảng.

+ width: Xác định chiều rộng của bảng.

+ height: Xác định chiều cao của bảng.

Câu 3: Thẻ nào được sử dụng để tạo một hàng trong bảng HTML?

Trả lời: 

...........................................

2. THÔNG HIỂU (4 CÂU)

Câu 1: Giải thích vai trò của thuộc tính border trong thẻ <table>?

Trả lời: 

Thuộc tính border trong thẻ <table> xác định độ dày của viền bảng. Việc sử dụng thuộc tính này giúp tạo ra một khung rõ ràng cho bảng, giúp người dùng dễ dàng phân biệt các ô và hàng trong bảng, từ đó cải thiện khả năng đọc và tổ chức thông tin.

Câu 2: Mô tả cách sử dụng thẻ <th> và sự khác biệt giữa nó và thẻ <td> trong bảng HTML?

Trả lời: 

Thẻ <th> được sử dụng để định nghĩa các ô tiêu đề trong bảng, thường được sử dụng cho tiêu đề của hàng hoặc cột. Sự khác biệt giữa <th> và <td> là:

+ <th>: Mặc định có chữ in đậm và căn giữa, thể hiện rằng ô đó là tiêu đề.

+ <td>: Được sử dụng cho các ô dữ liệu thông thường, không có định dạng đặc biệt.

Câu 3: Nêu cách sử dụng thuộc tính colspan trong thẻ <td> và đưa ra ví dụ?

Trả lời: 

...........................................

Câu 4: Giải thích cách tạo khung (frame) trong HTML và nêu thẻ nào được sử dụng để tạo khung?

Trả lời: 

...........................................

3. VẬN DỤNG (3 CÂU)

Câu 1: Tạo một bảng HTML có 3 cột và 4 hàng, trong đó hàng đầu tiên là tiêu đề cho các cột?

Trả lời: 

<table border="1">

    <tr>

        <th>Tên</th>

        <th>Tuổi</th>

        <th>Điểm số</th>

    </tr>

    <tr>

        <td>Nguyễn Văn A</td>

        <td>15</td>

        <td>8.5</td>

    </tr>

    <tr>

        <td>Trần Thị B</td>

        <td>16</td>

        <td>9.0</td>

    </tr>

    <tr>

        <td>Phạm Văn C</td>

        <td>15</td>

        <td>7.0</td>

    </tr>

</table>

Câu 2: Mô tả cách sử dụng thuộc tính padding và spacing trong bảng HTML và tác động của chúng đến giao diện bảng?

Trả lời: 

...........................................

Câu 3: Giải thích cách sử dụng thẻ <iframe> để nhúng một trang web khác vào trang hiện tại?

Trả lời: 

...........................................

4. VẬN DỤNG CAO (4 CÂU)

Câu 1: Nêu các tiêu chuẩn và quy tắc tốt nhất khi thiết kế bảng HTML để đảm bảo tính dễ đọc và khả năng truy cập?

Trả lời: 

- Sử dụng tiêu đề rõ ràng: Sử dụng thẻ <th> cho các ô tiêu đề để người dùng dễ dàng hiểu nội dung của các cột và hàng.

- Đảm bảo khoảng cách hợp lý: Sử dụng thuộc tính cellpadding và cellspacing để tạo không gian giữa các ô và nội dung, giúp bảng dễ đọc hơn.

- Sử dụng các thuộc tính khả năng truy cập: Thêm thuộc tính scope vào thẻ <th> để xác định phạm vi của tiêu đề (hàng hay cột) nhằm hỗ trợ trình đọc màn hình.

- Thiết kế responsive: Sử dụng CSS để đảm bảo bảng hiển thị tốt trên các thiết bị khác nhau.

Câu 2: Giải thích khái niệm về Responsive Web Design và cách mà bảng HTML có thể được thiết kế để phù hợp với các thiết bị khác nhau?

Trả lời: 

- Responsive Web Design (RWD) là phương pháp thiết kế web cho phép trang web tự động điều chỉnh bố cục và nội dung dựa trên kích thước màn hình của thiết bị. Để thiết kế bảng HTML phù hợp với RWD, có thể sử dụng:

- CSS Media Queries: Để điều chỉnh kiểu dáng của bảng dựa trên kích thước màn hình.

- Thẻ <div> và CSS Flexbox/Grid: Thay vì sử dụng bảng truyền thống, có thể sử dụng CSS Flexbox hoặc Grid để tạo bố cục linh hoạt hơn.

- Cuộn ngang: Sử dụng thuộc tính overflow-x: auto; cho bảng để cho phép cuộn ngang trên các thiết bị màn hình nhỏ.

Câu 3: Thảo luận về những thách thức khi tạo bảng lớn trong HTML và cách để tối ưu hóa hiệu suất tải trang?

Trả lời: 

...........................................

Câu 4: Nêu các thuộc tính CSS có thể được sử dụng để cải thiện giao diện của bảng HTML?

Trả lời: 

...........................................

--------------- Còn tiếp ---------------