Câu hỏi tự luận Tin học ứng dụng 12 chân trời Bài F1: HTML và trang web
Bộ câu hỏi tự luận Tin học 12 - Tin học ứng dụng (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 Tin học ứng dụng 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
(14 CÂU)
1. NHẬN BIẾT (5 CÂU)
Câu 1: HTML là gì? Nêu chức năng chính của HTML trong việc xây dựng trang web?
Trả lời:
HTML (HyperText Markup Language) là ngôn ngữ đánh dấu được sử dụng để tạo ra và cấu trúc nội dung trên web. Chức năng chính của HTML trong việc xây dựng trang web bao gồm:
Cấu trúc nội dung: HTML giúp định nghĩa các phần tử như tiêu đề, đoạn văn, hình ảnh, liên kết, bảng, và nhiều thành phần khác.
Liên kết: HTML cho phép tạo ra các liên kết giữa các trang web khác nhau thông qua thẻ <a>.
Tương tác với CSS và JavaScript: HTML có thể kết hợp với CSS để định dạng và tạo kiểu cho nội dung, và với JavaScript để thêm tính năng tương tác.
Câu 2: Nêu các thành phần cơ bản của một tài liệu HTML?
Trả lời:
Một tài liệu HTML cơ bản thường bao gồm các thành phần sau:
DOCTYPE: Khai báo loại tài liệu.
Thẻ <html>: Thẻ gốc của tài liệu.
Thẻ <head>: Chứa thông tin meta, tiêu đề, liên kết đến CSS và các tài nguyên khác.
Thẻ <title>: Tiêu đề của trang web, hiển thị trên thanh tiêu đề của trình duyệt.
Thẻ <body>: Chứa nội dung chính của trang web như văn bản, hình ảnh, liên kết, v.v.
Câu 3: Định nghĩa thẻ <head> và thẻ <body> trong tài liệu HTML?
Trả lời:
Câu 4: Thẻ <a> trong HTML có chức năng gì?
Trả lời:
Câu 5: Lịch sử ra đời và phát triển của HTML?
Trả lời:
- THÔNG HIỂU (4 CÂU)
Câu 1: Giải thích sự khác nhau giữa thẻ <div> và thẻ <span> trong HTML?
Trả lời:
- Thẻ <div>:
+ Là thẻ khối (block-level element), nghĩa là nó tạo ra một khối mới và chiếm toàn bộ chiều rộng có sẵn.
+ Thường được sử dụng để nhóm các phần tử khác lại với nhau nhằm mục đích định dạng hoặc bố cục.
- Thẻ <span>:
+ Là thẻ nội dòng (inline element), nghĩa là nó chỉ chiếm chiều rộng cần thiết và không bắt đầu một dòng mới.
+ Thường được sử dụng để áp dụng kiểu dáng hoặc định dạng cho một phần nhỏ của văn bản trong một đoạn.
Câu 2: Nêu cách sử dụng thẻ <img> để chèn hình ảnh vào trang web. Hãy chỉ ra các thuộc tính quan trọng của thẻ này?
Trả lời:
Thẻ <img> được sử dụng để chèn hình ảnh vào trang web. Cách sử dụng cơ bản như sau:
- <img src="url_hinh_anh" alt="CHỦ ĐỀ F. GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY TÍNH">
- Các thuộc tính quan trọng của thẻ <img>:
+ src: URL của hình ảnh. Đây là thuộc tính bắt buộc.
+ alt: Mô tả hình ảnh, sẽ được hiển thị nếu hình ảnh không tải được. Đây là thuộc tính quan trọng cho khả năng truy cập.
+ width: Chiều rộng của hình ảnh (có thể chỉ định bằng pixel hoặc phần trăm).
+ height: Chiều cao của hình ảnh (có thể chỉ định bằng pixel hoặc phần trăm).
Câu 3: Mô tả cách tạo một danh sách không thứ tự trong HTML và cho ví dụ cụ thể?
Trả lời:
Câu 4: Giải thích vai trò của thuộc tính href trong thẻ <a>?
Trả lời:
- VẬN DỤNG (3 CÂU)
Câu 1: Nêu các loại thẻ HTML dùng để tạo tiêu đề cho trang web và trình bày cấu trúc của chúng?
Trả lời:
Trong HTML, có 6 loại thẻ được sử dụng để tạo tiêu đề, từ <h1> đến <h6>. Cấu trúc của chúng như sau:
<h1>: Tiêu đề cấp 1 (tiêu đề chính của trang, lớn nhất)
<h2>: Tiêu đề cấp 2 (tiêu đề phụ, nhỏ hơn <h1>)
<h3>: Tiêu đề cấp 3
<h4>: Tiêu đề cấp 4
<h5>: Tiêu đề cấp 5
<h6>: Tiêu đề cấp 6 (tiêu đề nhỏ nhất)
Câu 2: Giải thích cách sử dụng thẻ <link> trong HTML và vai trò của nó trong việc kết nối với các tệp CSS?
Trả lời:
Câu 3: Hãy mô tả cách tạo một liên kết mở trong tab mới bằng cách sử dụng thuộc tính nào trong thẻ <a>?
Trả lời:
4. VẬN DỤNG CAO (2 CÂU)
Câu 1: Nêu cách sử dụng thẻ <meta> trong phần <head> của tài liệu HTML và nêu một số thuộc tính quan trọng của nó?
Trả lời:
Thẻ <meta> được sử dụng để cung cấp thông tin về tài liệu HTML. Nó thường được đặt trong phần <head> và không hiển thị nội dung trực tiếp trên trang web.
Cách sử dụng:
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Mô tả ngắn về nội dung trang web.">
<meta name="keywords" content="từ khóa1, từ khóa2, từ khóa3">
<meta name="author" content="Tên tác giả"></head>
Một số thuộc tính quan trọng của thẻ <meta>:
+ charset: Xác định mã ký tự của tài liệu (ví dụ: UTF-8).
+ name: Xác định loại thông tin mà thẻ chứa (ví dụ: viewport, description, keywords, author).
content: Giá trị tương ứng với thuộc tính name, cung cấp thông tin chi tiết.
--------------------------------------
--------------------- Còn tiếp ----------------------
=> Giáo án Tin học ứng dụng 12 chân trời Bài F1: HTML và trang web