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

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?

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?

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?

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?


Câu 1: 

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: 

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: 

<!DOCTYPE html>

<html lang="vi">

<head>

    <meta charset="UTF-8">

    <meta name="description" content="Trang web cá nhân của tôi">

    <title>Trang Cá Nhân</title>

</head>

<body>

    <h1>Chào mừng đến với trang cá nhân của tôi!</h1>

    <p>Tôi là một lập trình viên yêu thích công nghệ và sáng tạo.</p>

    <img src="hinh-anh-cua-toi.jpg" alt="Tech12h">

</body>

</html>

Câu 4: 

- Sử dụng thẻ semantically đúng: Chọn thẻ HTML phù hợp với nội dung (ví dụ: sử dụng <header>, <footer>, <article>, <section>).

- Cung cấp thuộc tính alt cho hình ảnh: Đảm bảo rằng tất cả các thẻ <img> đều có thuộc tính alt để hỗ trợ người dùng khiếm thị.

- Sử dụng tiêu đề rõ ràng: Sử dụng thẻ tiêu đề (<h1>, <h2>, ...) theo thứ tự để tạo cấu trúc rõ ràng cho nội dung.

- Kiểm tra khả năng tương thích trình duyệt: Đảm bảo rằng mã HTML hoạt động tốt trên nhiều trình duyệt khác nhau.

- Giữ mã sạch sẽ và dễ đọc: Sử dụng thụt lề và khoảng trắng hợp lý để mã HTML dễ đọc và bảo trì.


Bình luận

Giải bài tập những môn khác