1. Thẻ <!DOCTYPE html>

Thẻ <!DOCTYPE html> là thẻ đầu tiên trong mỗi tài liệu HTML, giúp trình duyệt biết rằng tài liệu này được viết bằng HTML5.

2. Thẻ <html>

Thẻ <html> là thẻ gốc bao bọc toàn bộ nội dung của tài liệu HTML.

html
Copy code
<!DOCTYPE html>
<html>
    <!-- Nội dung của trang web sẽ được đặt ở đây -->
</html>

3. Thẻ <head>

Thẻ <head> chứa các thông tin meta, các liên kết tới tệp CSS, JavaScript và các thẻ quan trọng khác như <title>.

html
Copy code
<head>
    <meta charset="UTF-8">
    <title>Tiêu đề của trang web</title>
</head>

4. Thẻ <title>

Thẻ <title> xác định tiêu đề của trang web và được hiển thị trên thanh tiêu đề của trình duyệt.

html
Copy code
<title>Trang chủ</title>

5. Thẻ <body>

Thẻ <body> chứa toàn bộ nội dung hiển thị của trang web, bao gồm văn bản, hình ảnh, liên kết, bảng biểu, v.v.

html
Copy code
<body>
    <!-- Nội dung chính của trang web -->
</body>

6. Thẻ <h1> đến <h6>

Các thẻ <h1> đến <h6> được sử dụng để tạo các tiêu đề với mức độ quan trọng giảm dần. Thẻ <h1> là tiêu đề quan trọng nhất, và thẻ <h6> là tiêu đề ít quan trọng nhất.

html
Copy code
<h1>Tiêu đề chính</h1>
<h2>Tiêu đề phụ</h2>

7. Thẻ <p>

Thẻ <p> được sử dụng để tạo các đoạn văn bản.

html
Copy code
<p>Đây là một đoạn văn bản.</p>

8. Thẻ <a>

Thẻ <a> được sử dụng để tạo các liên kết đến các trang web khác hoặc các phần khác trong cùng một trang web.

html
Copy code
<a href="https://www.example.com">Liên kết đến Example</a>

9. Thẻ <img>

Thẻ <img> được sử dụng để chèn hình ảnh vào trang web. Thẻ này không có thẻ đóng và phải có thuộc tính src chỉ định đường dẫn đến hình ảnh.

html
Copy code
<img src="image.jpg" alt="Mô tả hình ảnh">

10. Thẻ <ul>, <ol>, và <li>

Các thẻ <ul> (unordered list) và <ol> (ordered list) được sử dụng để tạo danh sách không có thứ tự và có thứ tự. Các mục trong danh sách được định nghĩa bằng thẻ <li> (list item).

html
Copy code
<ul>
    <li>Mục 1</li>
    <li>Mục 2</li>
</ul>

<ol>
    <li>Mục 1</li>
    <li>Mục 2</li>
</ol>

11. Thẻ <div> và <span>

Thẻ <div> và <span> là các thẻ dùng để nhóm các phần tử lại với nhau. Thẻ <div> thường được sử dụng để tạo các khối (block), trong khi thẻ <span> được sử dụng để định dạng các phần tử inline.

html
Copy code
<div>
    <p>Đây là một khối văn bản.</p>
</div>

<span>Đây là một phần tử inline.</span>

Việc nắm vững các thẻ HTML cơ bản là nền tảng cho việc xây dựng và phát triển trang web. Bài viết này đã giới thiệu các thẻ quan trọng và cách sử dụng chúng. Hãy tiếp tục thực hành và tìm hiểu thêm để trở thành một lập trình viên web chuyên nghiệp.

Bạn đọc tham khảo thêm: 

Mức lương chung của IT Dev thị trường VIệt Nam hiện nay.

Các Level Trong CNTT. Cách Phân Biệt Và Đánh Giá Năng Lực