Câu hỏi tự luận Tin học ứng dụng 12 chân trời Bài F2: Tạo và định dạng trang web với các thẻ HTML
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 F2: Tạo và định dạng trang web với các thẻ HTML. 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 F2: TẠO VÀ ĐỊNH DẠNG TRANG WEB VỚI THẺ HTML
(15 CÂU)
1. NHẬN BIẾT (4 CÂU)
Câu 1: Thẻ HTML là gì? Nêu cấu trúc cơ bản của một trang HTML?
Trả lời:
Thẻ HTML là các thành phần cấu thành nên tài liệu HTML, được sử dụng để định nghĩa và trình bày nội dung trên trang web. Mỗi thẻ thường có một tên và có thể có các thuộc tính đi kèm.
Cấu trúc cơ bản của một trang HTML:
Câu 2: Liệt kê các thẻ HTML cơ bản dùng để định dạng văn bản?
Trả lời:
Dưới đây là một số thẻ HTML cơ bản dùng để định dạng văn bản:
<h1> đến <h6>: Thẻ tiêu đề, từ lớn nhất (<h1>) đến nhỏ nhất (<h6>).
<p>: Thẻ đoạn văn.
<strong>: Làm nổi bật văn bản (in đậm).
<em>: Nhấn mạnh văn bản (in nghiêng).
<b>: In đậm văn bản.
<i>: In nghiêng văn bản.
<u>: Gạch dưới văn bản.
<br>: Xuống dòng.
<hr>: Tạo một đường ngang (ngắt đoạn).
Câu 3: Thẻ <head> trong HTML có chức năng gì?
Trả lời:
Câu 4: Nêu sự khác nhau giữa thẻ <div> và thẻ <span>.
Trả lời:
- THÔNG HIỂU (4 CÂU)
Câu 1: Giải thích vai trò của thẻ <title> trong một trang web?
Trả lời:
Thẻ <title> xác định tiêu đề của tài liệu HTML. Nó có vai trò quan trọng như sau:
Hiển thị trên thanh tiêu đề trình duyệt: Tiêu đề giúp người dùng nhận diện trang web khi mở nhiều tab.
SEO (Tối ưu hóa công cụ tìm kiếm): Tiêu đề là yếu tố quan trọng trong việc xếp hạng tìm kiếm. Một tiêu đề rõ ràng và chứa từ khóa có thể cải thiện thứ hạng trang web.
Chia sẻ trên mạng xã hội: Khi trang web được chia sẻ, tiêu đề thường được hiển thị như một phần của liên kết.
Câu 2: Mô tả cách sử dụng thẻ <img> để chèn hình ảnh vào trang web?
Trả lời:
- Thẻ <img> được sử dụng để chèn hình ảnh vào trang web. Cấu trúc cơ bản của thẻ này như sau:
<img src="duongdan-hinh-anh.jpg" alt="CHỦ ĐỀ F. GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY TÍNH" width="500" height="300">
- Các thuộc tính quan trọng:
+ src: Đường dẫn đến tệp hình ảnh. Đây là thuộc tính bắt buộc.
+ alt: Mô tả hình ảnh, rất quan trọng cho SEO và giúp người dùng khi hình ảnh không + thể tải.
+ width và height: Xác định kích thước hiển thị của hình ảnh (có thể không cần thiết nếu muốn hình ảnh tự động điều chỉnh).
Câu 3: Tại sao cần sử dụng thẻ <meta> trong phần <head> của trang HTML?
Trả lời:
Câu 4: Nêu cách sử dụng thẻ <a> để tạo liên kết đến một trang web khác?
Trả lời:
- VẬN DỤNG (4 CÂU)
Câu 1: Giải thích vai trò của thẻ <html> trong một tài liệu HTML và cho biết vị trí của nó trong cấu trúc của trang web?
Trả lời:
Thẻ <html> là thẻ bao ngoài cùng trong một tài liệu HTML, xác định rằng tài liệu đó là một trang web HTML. Vai trò của thẻ này bao gồm:
+ Khởi đầu tài liệu: Thẻ <html> đánh dấu điểm bắt đầu của tài liệu HTML và cho trình duyệt biết rằng nội dung bên trong sẽ được xử lý như một trang web.
+ Chỉ định ngôn ngữ: Thẻ này có thể chứa thuộc tính lang để chỉ định ngôn ngữ của nội dung, ví dụ: <html lang="vi">.
+ Vị trí trong cấu trúc trang web: Thẻ <html> nằm ở đầu tài liệu, trước các thẻ <head> và <body>.
Câu 2: Nêu chức năng của thẻ <body> trong trang HTML và mô tả các loại nội dung nào có thể được chứa trong thẻ này?
Trả lời:
Thẻ <body> chứa tất cả nội dung hiển thị trên trang web, bao gồm:
+ Văn bản: Các đoạn văn, tiêu đề, danh sách.
+ Hình ảnh: Thẻ <img> để chèn hình ảnh.
+ Liên kết: Thẻ <a> để tạo liên kết đến các trang khác.
+ Bảng: Thẻ <table> để tạo bảng dữ liệu.
+ Các thẻ khác: Như <div>, <span>, và các thẻ định dạng khác.
Câu 3: Trình bày sự khác nhau giữa thẻ <h1> và thẻ <h2> trong việc định dạng tiêu đề. Tại sao việc sử dụng các thẻ tiêu đề lại quan trọng trong SEO?
Trả lời:
Câu 4: Mô tả cách sử dụng thẻ <p> để tạo đoạn văn bản trong HTML. Bạn có thể sử dụng các thuộc tính nào để định dạng đoạn văn này?
Trả lời:
4. VẬN DỤNG CAO (3 CÂU)
Câu 1: Giải thích ý nghĩa của thuộc tính href trong thẻ <a>. Nó có tác dụng gì đối với liên kết?
Trả lời:
- Thuộc tính href trong thẻ <a> (anchor) xác định địa chỉ URL mà liên kết sẽ dẫn đến khi người dùng nhấp vào. Ý nghĩa và tác dụng của thuộc tính này bao gồm:
+ Chỉ định đích của liên kết: href cho biết nơi mà liên kết sẽ dẫn đến, có thể là một trang web khác, một tài liệu, hoặc một phần trong cùng trang.
+ Hỗ trợ điều hướng: Khi người dùng nhấp vào liên kết, trình duyệt sẽ chuyển hướng đến địa chỉ được chỉ định trong href.
--------------------------------------
--------------------- Còn tiếp ----------------------
=> Giáo án Tin học ứng dụng 12 chân trời Bài F2: Tạo và định dạng trang web với các thẻ HTML