Câu hỏi tự luận mức độ thông hiểu Tin học ứng dụng 12 ctst bài F2: Tạo và định dạng trang web với các thẻ HTML

Câu 1: 

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: 

- 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="Tech12h" 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: 

- Thẻ <meta> cung cấp thông tin về tài liệu HTML mà không hiển thị trực tiếp trên trang. Một số lý do cần sử dụng thẻ này:

+ Thiết lập mã ký tự: Giúp trình duyệt hiểu đúng cách hiển thị văn bản (ví dụ: <meta charset="UTF-8">).

+ Thông tin về viewport: Cải thiện hiển thị trên thiết bị di động (ví dụ: <meta name="viewport" content="width=device-width, initial-scale=1.0">).

+ SEO: Cung cấp mô tả và từ khóa cho công cụ tìm kiếm, giúp cải thiện khả năng tìm thấy trang web.

Câu 4:

Thẻ <a> được sử dụng để tạo liên kết. Cấu trúc cơ bản như sau:

+ <a href="https://www.example.com" target="_blank">Nhấp vào đây để truy cập trang web khác</a>

- Các thuộc tính quan trọng:

+ href: Đường dẫn đến trang web hoặc tài nguyên mà bạn muốn liên kết đến. Đây là thuộc tính bắt buộc.

+ target: Xác định cách mở liên kết. Giá trị _blank sẽ mở liên kết trong một tab mới.

+ Nội dung giữa thẻ: Văn bản hoặc hình ảnh mà người dùng sẽ nhấp vào để truy cập liên kết.