4. Cấu Trúc Cơ Bản Của HTML

Cấu trúc cơ bản của một tài liệu HTML bao gồm các phần chính như sau:

html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"> <!-- Định nghĩa bảng mã sử dụng (UTF-8 là phổ biến nhất) -->
    <title>Tiêu đề trang</title> <!-- Tiêu đề hiển thị trên thanh địa chỉ trình duyệt -->
    <!-- Các thẻ meta khác, liên kết tới tập tin CSS, JavaScript, ... -->
</head>
<body>
    <!-- Nội dung trang web -->
    <h1>Tiêu đề chính</h1>
    <p>Đây là một đoạn văn bản.</p>
    <a href="https://www.example.com">Đây là một liên kết</a>
    <img src="image.jpg" alt="Mô tả hình ảnh">

    <!-- Các phần tử khác: danh sách, bảng, biểu đồ, ... -->

</body>
</html>

Dưới đây là mô tả chi tiết về từng phần của cấu trúc cơ bản này:

<!DOCTYPE html>: Khai báo loại tài liệu HTML, thường là HTML5, để trình duyệt biết cách hiểu mã HTML.
<html>: Phần bao bọc toàn bộ nội dung trang web.
<head>: Phần chứa các thông tin về trang web, không hiển thị trực tiếp trên trang web. Thường chứa thẻ <meta>, liên kết tới các tệp CSS và JavaScript, và tiêu đề của trang.
<meta charset="UTF-8">: Xác định bảng mã sử dụng để hiển thị ký tự, thường là UTF-8 để hỗ trợ nhiều ngôn ngữ và ký tự đặc biệt.
<title>: Đặt tiêu đề của trang, hiển thị trên thanh địa chỉ của trình duyệt.
<body>: Phần chứa nội dung chính của trang web, bao gồm văn bản, hình ảnh, liên kết và các phần tử khác.
Các phần tử HTML như <h1>, <p>, <a>, <img>: Được sử dụng để định nghĩa các thành phần cụ thể của trang, bao gồm tiêu đề, đoạn văn bản, liên kết và hình ảnh.

Ngoài ra, bạn còn có thể thêm các phần tử như <ul>, <ol>, <li> để tạo danh sách, <table> và <tr> để tạo bảng, và nhiều phần tử khác để tạo các phần tử trang web phức tạp hơn. Trên đây là Cấu trúc cơ bản của HTML.

Leave a Comment Cancel Reply