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
Bộ câu hỏi tự luận Tin học 12 - Khoa học máy tính (Chân trời sáng tạo). Câu hỏi và bài tập tự luận Bài F1: HTML và trang web. Bộ tài liệu tự luận này có 4 mức độ: Nhận biết, thông hiểu, vận dụng và vận dụng cao. Phần tự luận này sẽ giúp học sinh hiểu sâu, sát hơn về môn học Tin học 12 CTST.
Xem: => Giáo án Tin học 12 - Định hướng Khoa học máy tính chân trời sáng tạo
CHỦ ĐỀ F. GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY TÍNH
BÀI F1: HTML VÀ TRANG WEB
(15 CÂU)
1. NHẬN BIẾT (3 CÂU)
Câu 1: HTML là gì và vai trò của nó trong việc xây dựng trang web là gì?
Trả lời:
HTML (HyperText Markup Language) là ngôn ngữ đánh dấu tiêu chuẩn được sử dụng để tạo ra nội dung trên web. Vai trò của HTML trong việc xây dựng trang web là cung cấp cấu trúc và định dạng cho nội dung, giúp trình duyệt hiểu cách hiển thị văn bản, hình ảnh, liên kết và các thành phần khác trên trang web.
Câu 2: Liệt kê các thành phần cơ bản của một tài liệu HTML?
Trả lời:
...........................................
Câu 3: Thẻ <head> trong tài liệu HTML có chức năng gì?
Trả lời:
...........................................
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?
Trả lời:
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: 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?
Trả lời:
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: So sánh sự khác biệt giữa thẻ <div> và thẻ <span> trong HTML?
Trả lời:
...........................................
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?
Trả lời:
...........................................
3. VẬN DỤNG (4 CÂU)
Câu 1: Giải thích cách sử dụng thẻ <meta> trong tài liệu HTML và nêu một số ví dụ về thông tin mà nó có thể chứa?
Trả lời:
Thẻ <meta> được sử dụng trong phần <head> của tài liệu HTML để cung cấp thông tin meta về trang web. Nó không hiển thị trực tiếp trên trang nhưng cung cấp thông tin cho trình duyệt và công cụ tìm kiếm. Một số ví dụ về thông tin mà thẻ <meta> có thể chứa:
+ Mô tả trang: <meta name="description" content="Mô tả ngắn về nội dung của trang.">
+ Từ khóa: <meta name="keywords" content="HTML, CSS, JavaScript">
+ Tác giả: <meta name="author" content="Tên tác giả">
+ Thiết lập charset: <meta charset="UTF-8">
Câu 2: Mô tả cách mà các thẻ HTML có thể được nhúng vào nhau và tại sao điều này lại quan trọng trong việc xây dựng trang web?
Trả lời:
Các thẻ HTML có thể được nhúng vào nhau thông qua cấu trúc lồng ghép, tức là một thẻ có thể nằm bên trong một thẻ khác. Ví dụ, bạn có thể đặt thẻ <p> (đoạn văn) bên trong thẻ <div> (khối). Điều này rất quan trọng trong việc xây dựng trang web vì:
Tổ chức nội dung: Giúp nhóm các phần tử liên quan lại với nhau, tạo ra cấu trúc rõ ràng cho trang.
+ Áp dụng kiểu dáng: Giúp dễ dàng áp dụng CSS cho các nhóm phần tử khác nhau.
+ Tạo tính tương tác: Cho phép lập trình viên sử dụng JavaScript để tương tác với các phần tử cụ thể trong DOM.
Câu 3: Hãy viết một đoạn mã HTML đơn giản để tạo một trang web cá nhân với tiêu đề, mô tả và một hình ảnh?
Trả lời:
...........................................
Câu 4: Nêu một số quy tắc tốt nhất khi viết mã HTML để đảm bảo tính khả dụng và khả năng tiếp cận?
Trả lời:
...........................................
4. VẬN DỤNG CAO (4 CÂU)
Câu 1: Giải thích khái niệm về "DOM" (Document Object Model) và vai trò của nó trong việc tương tác với tài liệu HTML?
Trả lời:
- DOM (Document Object Model) là một cấu trúc dữ liệu đại diện cho tài liệu HTML hoặc XML dưới dạng cây, trong đó mỗi phần tử của tài liệu được xem như một nút. DOM cho phép lập trình viên tương tác với tài liệu HTML bằng cách sử dụng JavaScript để thay đổi nội dung, cấu trúc và phong cách của trang web. Nó cho phép thao tác động thời với nội dung trang mà không cần phải tải lại trang.
Câu 2: Nêu các loại phương thức HTTP phổ biến (như GET và POST) và mô tả sự khác biệt giữa chúng?
Trả lời:
GET | POST |
- Sử dụng để yêu cầu dữ liệu từ máy chủ. - Thông tin được gửi qua URL, có thể nhìn thấy trong thanh địa chỉ. - Thích hợp cho các yêu cầu không thay đổi trạng thái (như tìm kiếm). | - Sử dụng để gửi dữ liệu đến máy chủ (như biểu mẫu). - Thông tin được gửi trong thân của yêu cầu, không hiển thị trong thanh địa chỉ. - Thích hợp cho các yêu cầu thay đổi trạng thái (như đăng ký, đăng nhập). |
Câu 3: Trình bày các tiêu chuẩn và quy tắc tốt nhất khi thiết kế giao diện người dùng cho trang web?
Trả lời:
...........................................
Câu 4: Phân tích tầm quan trọng của việc tối ưu hóa SEO cho các trang web và cách mà HTML có thể hỗ trợ cho việc này?
Trả lời:
...........................................
--------------- Còn tiếp ---------------