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> 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.
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 để :
Tag Cloud:
Tác giả: Lưu Quang Linh
Việc làm tại Devwork
Bài viết liên quan
Ngôn Ngữ Lập Trình Scala Là Gì? Tìm Hiểu Tính Năng Ứng Dụng Của Scala
Trong khi Java và Python đã trở thành những ngôn ngữ lập trình phổ biến, Scala vẫn là một cái tên ít được nhắc đến, nhưng lại là "vũ khí bí mật" được Twitter, Netflix và LinkedIn tin dùng. Scala là gì? Tại sao ngôn ngữ này được ứng dụng trong những hệ thống lớn và có nên học Scala vào năm 2025? Hãy cùng khám phá chi tiết trong bài viết này!...
Junior Developer Là Gì? 5 Điều Cần Biết Để Khởi Đầu Sự Nghiệp Lập Trình
Trong thời đại công nghệ số hiện nay, việc trở thành một lập trình viên đang trở thành một lựa chọn nghề nghiệp hấp dẫn cho nhiều người trẻ. Tuy nhiên, không phải ai cũng hiểu rõ về các cấp độ trong ngành lập trình, đặc biệt là vị trí "junior developer".
Senior Developer Là Gì- Công Việc, Kỹ Năng Và Lộ Trình Thăng Tiến
Senior Developer là một trong những vị trí quan trọng nhất trong ngành công nghệ, đảm nhiệm vai trò thiết kế, phát triển hệ thống và hướng dẫn đội nhóm. Nếu bạn đang tìm hiểu Senior Developer là gì?, công việc cụ thể ra sao, cần những kỹ năng nào và lộ trình để đạt đến vị trí này, bài viết này Devwork sẽ chia sẻ cho bạn những thông tin chi tiết nhất.
Kotlin Là Gì? Định Nghĩa, Ưu Điểm Những Tính Năng Cơ Bản
Nếu bạn đang tìm kiếm một ngôn ngữ lập trình hiện đại, mạnh mẽ và đầy tiềm năng để phát triển ứng dụng di động, web hay server-side, thì Kotlin chính là câu trả lời dành cho bạn. Vậy Kotlin là gì? Bài viết dưới đây Devword sẽ chia sẻ với bạn chi tiết nhất, giúp bạn hiểu rõ hơn về Kotlin nhé!
PHP Là Gì? Tìm Hiểu Về Hoạt Động Và Chi Tiết Tính Năng Của PHP
Bạn có thắc mắc PHP là gì? và vì sao nó lại là lựa chọn hàng đầu trong phát triển website? Bạn có biết rằng PHP đã góp phần tạo nên nên thành công của nhiều nền tảng lớn như WordPress, Facebook hay Drupal? Hãy cùng Devwork khám phá các khái niệm cơ bản và những hướng dẫn chi tiết để bạn có thể áp dụng PHP một cách dễ dàng và hiệu quản nhé!
SAP Là Gì? Những Tính Năng Và Ứng Dụng Của Sap Trong Doanh Nghiệp
Bạn đang thắc mắc SAP là gì? Hãy cùng Devword khám phá ngay những kiến thức cốt lõi từ khái niệm, lịch sử phát triển, các tính năng nổi bật, đến ứng dụng thực tiễn, cách triển khai và sử dụng phần mềm SAP để tối ưu hóa quy trình kinh doanh, nâng cao hiệu quả và tạo ra giá trị bền vững cho doanh nghiệp nhé!
