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
    gia-lap-android-tren-ios

    Hướng dẫn giả lập Android trên iOS dễ thao tác và đơn giản

    08:31 18/07/2025

    Bạn đang sử dụng iPhone hoặc iPad nhưng lại muốn trải nghiệm ứng dụng hoặc game độc quyền chỉ có trên Android? Điều này tưởng như không thể, nhưng với giả lập Android trên iOS, bạn hoàn toàn có thể "biến hóa" thiết bị của mình để thử sức với môi trường Android mà không cần đổi máy. Trong bài viết này, Devwork sẽ hướng dẫn bạn cách giả lập Android trên iOS một cách chi tiết, dễ thao tác, cùng với những lưu ý quan trọng để đảm bảo an toàn cho thiết bị....

    Top phần mềm cắt ghép video miễn phí cho người mới bắt đầu

    08:06 18/07/2025

    Bạn muốn lưu giữ những khoảnh khắc đáng nhớ của gia đình, tạo video quảng cáo sản phẩm độc đáo, hay đơn giản chỉ là chỉnh sửa video dễ hiểu hơn? Với sự phát triển của công nghệ, việc cắt ghép và chỉnh sửa video giờ đây trở nên dễ dàng hơn bao giờ hết, ngay cả khi bạn không phải là một chuyên gia dựng phim. Bài viết này Devwork sẽ giới thiệu đến bạn những phần mềm cắt ghép video miễn phí tốt nhất, phù hợp với mọi đối tượng từ sinh viên, dân văn phòng đến khách hàng doanh nghiệp.

    phan-mem-cat-ghep-video-mien-phi

    Top 8 phần mềm chỉnh sửa video cho Youtuber cho người mới

    07:53 18/07/2025

    Bạn là một Youtuber mới vào nghề, hay một người nội trợ muốn lưu giữ khoảnh khắc gia đình? Hoặc đơn giản là một sinh viên năng động muốn tạo ra những video clip độc đáo? Dù bạn là ai, việc sở hữu một phần mềm chỉnh sửa video cho Youtuber phù hợp là vô cùng quan trọng. Thị trường hiện nay có vô vàn lựa chọn, từ miễn phí đến trả phí, từ đơn giản đến chuyên nghiệp. Vậy đâu là phần mềm phù hợp nhất với bạn? Hãy cùng khám phá trong bài viết này!

    phan-mem-chinh-sua-video-cho-youtuber

    Top phần mềm chỉnh sửa video trên điện thoại đơn giản

    10:14 17/07/2025

    Bạn muốn tự tay tạo ra những video sống động, thu hút mà không cần dùng đến máy tính hay phần mềm phức tạp? Bạn tìm kiếm những phần mềm chỉnh sửa video trên điện thoại dễ sử dụng, nhiều tính năng, lại miễn phí hoặc chi phí thấp? Trong bài viết này, Devwork sẽ giới thiệu 10 phần mềm chỉnh sửa video trên điện thoại tốt nhất, được đánh giá cao về tính tiện lợi và hiệu quả. 

    phan-mem-chinh-sua-video-tren-dien-thoai
    phan-mem-chinh-sua-video-tren-may-tinh

    TOP 10 phần mềm chỉnh sửa video trên máy tính tốt nhất

    07:27 17/07/2025

    Ngày nay việc tạo ra những video chất lượng cao đã trở thành nhu cầu thiết yếu của nhiều người, từ nhà sáng tạo nội dung, marketer cho đến học sinh, sinh viên. Để đạt được hiệu quả tốt nhất, việc lựa chọn đúng phần mềm chỉnh sửa video trên máy tính sẽ giúp bạn tiết kiệm thời gian, chất lượng và thể hiện ý tưởng một cách sáng tạo nhất. Bài viết dưới đây Devwork sẽ chia sẻ với bạn 10 phần mềm được đánh giá cao nhất hiện nay.

    cach-quay-man-hinh-may-tinh

    Tổng hợp các cách quay màn hình máy tính đơn giản chi tiết nhất

    17:00 16/07/2025

    Bạn là người nội trợ muốn chia sẻ công thức nấu ăn "bí mật" cho hội chị em? Bạn là sinh viên cần ghi lại bài giảng online để ôn tập hiệu quả? Hay bạn là dân văn phòng muốn tạo video hướng dẫn nghiệp vụ cho đồng nghiệp? Hoặc thậm chí, bạn là doanh nghiệp muốn giới thiệu sản phẩm phần mềm bằng video demo ấn tượng? Trong bài viết này, hãy cùng Devwork tìm hiểu cách quay màn hình máy tính đơn giản, hiệu quả, phù hợp với mọi đối tượng và mọi hệ điều hành