Cách cấu trúc một tài liệu HTML mới

HTML (Ngôn ngữ đánh dấu siêu văn bản) là xương sống của nội dung web, cung cấp cấu trúc cho thông tin hiển thị trên trang web. Mọi tài liệu HTML đều tuân theo một cấu trúc cơ bản bao gồm các phần tử thiết yếu. Hãy đi sâu vào các thành phần chính.

1. '<!DOCTYPE html>'

Tuyên bố này xác định loại tài liệu và phiên bản HTML đang được sử dụng. Đối với các trang web hiện đại, thông thường sử dụng '<!DOCTYPE html>'.

2. '<html>'

Phần tử gốc đóng gói toàn bộ tài liệu HTML.

3. '<head>'

Phần đầu chứa thông tin meta về tài liệu, chẳng hạn như tiêu đề, bộ ký tự và biểu định kiểu được liên kết.

4. '<title>'

Phần tử này đặt tiêu đề của tài liệu HTML xuất hiện trong tab hoặc cửa sổ trình duyệt.

5. '<body>'

Phần tử body chứa nội dung của tài liệu HTML, bao gồm văn bản, hình ảnh, liên kết, v.v.

Ví dụ về tài liệu HTML

Bây giờ, hãy đặt tất cả lại với nhau trong một ví dụ:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My HTML Document</title>
</head>
<body>
    <h1>Welcome to My Website</h1>
    <p>This is a simple example of an HTML document.</p>
    <img src="example.jpg" alt="An example image">
    <a href="https://www.example.com">Visit Example.com</a>
</body>
</html>

Trong ví dụ này, hãy thay thế "My HTML Document" bằng tiêu đề bạn muốn và điều chỉnh nội dung trong '<body>' cho phù hợp. Hiểu cấu trúc cơ bản này đặt nền tảng cho việc tạo các trang web có tổ chức tốt, có ý nghĩa về mặt ngữ nghĩa.

Phần thưởng: Thẻ đóng

Khi soạn một trang HTML, điều quan trọng là phải đảm bảo rằng tất cả các thẻ được đóng đúng cách để tránh các vấn đề về luồng trang và hiển thị. Để trợ giúp thực hiện tác vụ này, hãy kiểm tra Công cụ kiểm tra thẻ không được tiết lộ HTML của chúng tôi để nắm bắt các vấn đề về cấu trúc trong mã HTML của bạn.

html tài liệu phần đầu nội dung meta tiêu đề div p img a h1 lang bộ ký tự khung nhìn