Các Thẻ Trong HTML Cơ Bản và Cách Sử Dụng

Blog / Tin công nghệ 20/06/2024
cac-the-trong-html-co-ban-va-cach-su-dung
Phụ lục

HTML (HyperText Markup Language) là ngôn ngữ cơ bản để tạo ra các trang web. Việc nắm vững các thẻ HTML cơ bản là bước đầu tiên quan trọng cho bất kỳ ai muốn học lập trình web. Bài viết này sẽ giới thiệu các thẻ HTML cơ bản và cách sử dụng chúng một cách chi tiết.

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><span>

Thẻ <div><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

Devwork

Devwork là Nền tảng TUYỂN DỤNG IT CẤP TỐC với mô hình kết nối Nhà tuyển dụng với mạng lưới hơn 30.000 headhunter tuyển dụng ở khắp mọi nơi.Với hơn 1800 doanh nghiệp IT tin dùng Devwork để :

  • Tối ưu chi phí
  • Tiết kiệm thời gian
  • Tăng tốc tuyển dụng tối đa
  • Đăng ký ngay Devwork trong hôm nay để tuyển dụng những tài năng ưu tú nhất.

    Tag Cloud:

    Tác giả: Lưu Quang Linh

    Link chia sẻ

    Bình luận

    Việc làm tại Devwork

    khám phá các cơ hội việc làm tốt nhất tại Devwork Xem thêm

    Bài viết liên quan

    Danh sách bài viết liên quan có thể bạn sẽ thích Xem thêm
    ky-su-cong-nghe-thong-tin

    Kỹ sư công nghệ thông tin: Học gì, làm gì, mức lương bao nhiêu?

    17:00 21/03/2026

    Trong kỷ nguyên số 4.0, Công nghệ Thông tin (CNTT) đã trở thành ngành mũi nhọn, dẫn dắt sự chuyển mình của mọi lĩnh vực trong đời sống và kinh tế. Vai trò của những kỹ sư công nghệ thông tin - những người kiến tạo và vận hành thế giới số - ngày càng trở nên quan trọng. Vậy cụ thể, một kỹ sư CNTT học những gì, làm những công việc gì và mức lương có thực sự hấp dẫn như lời đồn? Bài viết toàn diện dưới đây từ Devwork sẽ giải đáp tất cả những thắc mắc đó....

    Tìm hiểu từ A-Z về hệ điều hành Linux từ cơ bản đến nâng cao

    17:00 21/03/2026

    Trong thế giới công nghệ, hệ điều hành linux được ví như "trụ cột thầm lặng" của internet và là nền tảng cho vô số hệ thống máy tính toàn cầu. Từ những siêu máy tính, máy chủ web cho đến điện thoại Android và các thiết bị thông minh, Linux hiện diện ở khắp mọi nơi. Vậy Linux là gì và tại sao nó lại quan trọng đến vậy? Bài viết toàn diện từ A đến Z dưới đây của Devwork sẽ dẫn dắt bạn khám phá mọi khía cạnh của Linux

    he-dieu-hanh-linux

    Top phần mềm ghép hình trên điện thoại đẹp, dễ dùng và miễn phí cho người mới

    17:00 29/03/2026

    Nhu cầu tạo ảnh ghép chất lượng cao ngay trên điện thoại ngày càng phổ biến khi người dùng muốn nhanh chóng chỉnh sửa hình ảnh để chia sẻ lên mạng xã hội, phục vụ công việc bán hàng hoặc lưu giữ khoảnh khắc cá nhân. Bài viết dưới đây Devwork sẽ cung cấp cho bạn danh sách những phần mềm ghép hình tốt nhất hiện nay, tiêu chí lựa chọn ứng dụng phù hợp và hướng dẫn cơ bản để tạo bố cục ảnh đẹp mắt. Tất cả đều được tổng hợp theo hướng mạch lạc, chi tiết và dễ ứng dụng cho mọi đối tượng.

    phan-mem-ghep-hinh-tren-dien-thoai

    Cách tải video YouTube chất lượng cao: Hướng dẫn chi tiết, đơn giản cho mọi thiết bị

    17:00 28/03/2026

    YouTube là kho tàng video khổng lồ với vô vàn nội dung hữu ích, từ hướng dẫn học tập, giải trí cho đến những video tài liệu quý giá. Tuy nhiên, không phải lúc nào bạn cũng có kết nối internet ổn định để xem trực tuyến. Việc biết cách tải video YouTube chất lượng cao về thiết bị sẽ giúp bạn chủ động xem lại mọi lúc, mọi nơi. Bài viết toàn diện dưới đây từ Devwork sẽ hướng dẫn bạn từ A đến Z, từ việc chọn lựa chuẩn chất lượng phù hợp đến các bước thực hiện chi tiết trên cả máy tính và điện thoại.

    cach-tai-video-youtube-chat-luong-cao
    kiem-tra-toc-do-mang

    Hướng dẫn kiểm tra tốc độ mạng: Cách đo, cách hiểu và cách cải thiện

    10:00 29/03/2026

    Kiểm tra tốc độ mạng là bước quan trọng giúp bạn nắm rõ hiệu năng kết nối Internet, từ đó tối ưu trải nghiệm khi học tập, làm việc hay giải trí trực tuyến. Bài viết dưới đây Devwork sẽ hướng dẫn kiểm tra tốc độ mạng chi tiết, giải thích các chỉ số cơ bản như download, upload, ping, jitter, đồng thời chỉ ra cách đo chính xác và những mẹo cải thiện tốc độ mạng khi gặp tình trạng chậm hoặc không ổn định.

    phan-mem-kiem-tra-toc-do-mang-wifi

    Tổng hợp 6 phần mềm kiểm tra tốc độ mạng wifi tốt nhất

    11:06 29/03/2026

    Bạn đang gặp phải tình trạng mạng wifi chập chờn, xem video liên tục bị giật lag hay tải file mãi không xong? Nguyên nhân có thể đến từ tốc độ mạng không ổn định. Việc sử dụng một phần mềm kiểm tra tốc độ mạng wifi chính xác là bước đầu tiên và quan trọng nhất để chẩn đoán vấn đề. Bài viết dưới đây từ Devwork sẽ giới thiệu đến bạn 6 công cụ kiểm tra tốc độ mạng hàng đầu