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

Phụ lục
cac-the-trong-html-co-ban-va-cach-su-dung

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
    database-administrator-la-gi

    Database Administrator là gì? Ai phù hợp với nghề quản trị cơ sở dữ liệu? 

    07:11 26/06/2025

    Database Administrator (DBA) là gì và tại sao vai trò này lại đang trở thành một trong những nghề nghiệp được săn đón nhất trong lĩnh vực công nghệ thông tin? Devwork giới thiệu đến bạn tổng quan về nghề nghiệp đầy tiềm năng này, từ định nghĩa, trách nhiệm, lộ trình phát triển đến cơ hội việc làm và mức lương hấp dẫn của một DBA....

    QC là gì? 5 điều phải biết trước khi theo nghề “kiểm soát chất lượng"

    06:59 26/06/2025

    Bạn đang tìm hiểu về nghề QC? Bạn muốn biết QC là gì, công việc của một nhân viên QC ra sao, và liệu đây có phải là con đường sự nghiệp phù hợp với mình? Bài viết này sẽ cung cấp cho bạn cái nhìn toàn diện về vị trí QC, từ định nghĩa, vai trò, công việc, đến cơ hội phát triển trong ngành.

    bo-phan-qc-la-gi

    Visual Studio Code là gì? Hướng dẫn cài đặt & sử dụng

    06:47 26/06/2025

    Bạn đang bắt đầu học lập trình và nghe nhiều người nhắc đến Visual Studio Code? Đây là một trong những công cụ phổ biến nhất được các lập trình viên trên toàn thế giới tin dùng. Trong bài viết này, hãy cùng tìm hiểu Visual Studio Code là gì, vì sao nó được ưa chuộng, và cách bạn có thể bắt đầu với nó dễ dàng.

    visual-studio-code-la-gi

    IoT là gì? Cấu tạo & Nguyên lý hoạt động của hệ thống Internet vạn vật

    06:39 26/06/2025

    Trong kỷ nguyên số, IoT là gì và tại sao nó đang thay đổi cách chúng ta sống và làm việc? Từ nhà thông minh đến thành phố thông minh, công nghệ IoT đang mở ra vô vàn cơ hội. Cùng Devwork khám phá cách IoT hoạt động, ứng dụng thực tiễn và tiềm năng phát triển trong tương lai!

    lap-trinh-iot-la-gi
    syntax-la-gi

    Tìm hiểu syntax là gì và vai trò của cú pháp trong lập trình

    01:23 26/06/2025

    Syntax là phần không thể thiếu trong bất kỳ ngôn ngữ lập trình nào. Chỉ cần sai một ký tự nhỏ, chương trình có thể ngừng hoạt động. Hãy cùng khám phá syntax là gì và vì sao bạn cần hiểu rõ nó từ sớm.

    tim-hieu-jvm-la-gi

    JVM là gì? Cách hoạt động và vai trò trong lập trình Java

    08:12 25/06/2025

    Bạn đang tìm hiểu về nền tảng Java nhưng còn băn khoăn về khái niệm JVM là gì? Devwork sẽ giải đáp thắc mắc với bài viết toàn diện về Java Virtual Machine - thành phần cốt lõi giúp Java trở thành ngôn ngữ lập trình đa nền tảng phổ biến hàng đầu thế giới.