Câu hỏi tự luận mức độ thông hiểu Khoa học máy tính 12 ctst bài F1: HTML và trang web

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

Câu 1: Giải thích cấu trúc cơ bản của một tài liệu HTML và ý nghĩa của từng thành phần?

Câu 2: Mô tả cách mà trình duyệt xử lý một yêu cầu HTTP khi người dùng truy cập vào một trang web?

Câu 3: So sánh sự khác biệt giữa thẻ <div> và thẻ <span> trong HTML?

Câu 4: Giải thích vai trò của thuộc tính alt trong thẻ <img> và tại sao nó quan trọng cho khả năng tiếp cận?

Câu 1:

Doctype: Khai báo loại tài liệu, giúp trình duyệt biết cách xử lý tài liệu.

<html>: Thẻ gốc, bao bọc toàn bộ nội dung của tài liệu HTML.

<head>: Chứa thông tin không hiển thị trên trang, giúp định nghĩa các thuộc tính của tài liệu.

<title>: Xác định tiêu đề của trang, hiển thị trên thanh tiêu đề của trình duyệt.

<body>: Chứa nội dung chính mà người dùng thấy, như văn bản, hình ảnh, và các thành phần tương tác khác.

Câu 2:

Khi người dùng truy cập vào một trang web, trình duyệt thực hiện các bước sau:

Gửi yêu cầu HTTP: Trình duyệt gửi yêu cầu HTTP đến máy chủ web để lấy tài liệu HTML.

- Nhận phản hồi: Máy chủ web xử lý yêu cầu và gửi lại tài liệu HTML cùng với các tài nguyên khác (CSS, JavaScript, hình ảnh).

- Phân tích tài liệu HTML: Trình duyệt nhận tài liệu HTML và bắt đầu phân tích cú pháp, xây dựng cây DOM (Document Object Model).

- Tải tài nguyên: Trình duyệt tiếp tục tải các tài nguyên bổ sung (CSS, JavaScript, hình ảnh) được tham chiếu trong tài liệu.

- Hiển thị nội dung: Cuối cùng, trình duyệt hiển thị nội dung trên màn hình cho người dùng.

Câu 3:

<div>

<span>

Là thẻ khối (block-level element).

Thường được sử dụng để nhóm các phần tử khác lại với nhau và tạo ra cấu trúc cho trang.

Mặc định chiếm toàn bộ chiều rộng của dòng.

Là thẻ nội tuyến (inline element).

Thường được sử dụng để định dạng một phần nhỏ của văn bản hoặc nhóm các phần tử bên trong một thẻ khác mà không tạo ra dòng mới.

Chỉ chiếm không gian cần thiết cho nội dung bên trong.

Câu 4:

Thuộc tính alt trong thẻ <img> cung cấp một mô tả văn bản cho hình ảnh. Vai trò của thuộc tính này là:

+ Cung cấp thông tin thay thế: Nếu hình ảnh không thể tải được, văn bản trong thuộc tính alt sẽ hiển thị thay thế, giúp người dùng hiểu nội dung mà hình ảnh truyền tải.

+ Hỗ trợ khả năng tiếp cận: Đối với người dùng khiếm thị sử dụng trình đọc màn hình, thuộc tính alt giúp họ hiểu nội dung hình ảnh, từ đó cải thiện trải nghiệm truy cập thông tin.

Xem toàn bộ: Câu hỏi tự luận Khoa học máy tính 12 Chân trời bài F1: HTML và trang web