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
Intern là gì? Toàn bộ những điều bạn cần biết về vị trí Intern
Với sự gia tăng mạnh mẽ của nhu cầu tuyển dụng thực tập sinh tại các doanh nghiệp, khái niệm intern và internship ngày càng trở nên quen thuộc, đặc biệt với sinh viên năm cuối, người mới ra trường. Tuy nhiên, không ít bạn trẻ vẫn còn băn khoăn intern là gì, làm intern là làm gì, hay công việc intern có gì khác với fresher. Trong bài viết này, Devwork.vn sẽ giúp bạn hiểu rõ hơn về vị trí intern, đồng thời chia sẻ những cơ hội thực tập hấp dẫn dành cho người mới bắt đầu....
Case study là gì? Phương pháp phân tích case study hiệu quả
Case study không phải cụm từ xa lạ trong marketing, kinh doanh hay học tập. Nhưng làm sao để tiếp cận và giải case study hiệu quả thì không phải ai cũng biết và làm được. Chính vì vậy, trong bài viết hôm nay, cùng Devwork đi tìm hiểu chi tiết về case study là gì, khám phá bí mật đằng sau các case study thành công, từ đó giúp bạn có cái nhìn toàn diện nhất để áp dụng vào công việc hoặc doanh nghiệp của mình.
Product Owner (PO) là gì? Giải mã vai trò quan trọng trong IT
Trong những năm gần đây, đặc biệt là trong môi trường phát triển linh hoạt Agile và Scrum, vai trò của PO ngày càng trở nên quan trọng. PO là thuật ngữ quen thuộc trong lĩnh vực IT và quản lý dự án, nhưng không phải ai cũng hiểu rõ. Vậy PO là gì, PO là viết tắt của từ gì và vai trò thực sự của PO trong doanh nghiệp là gì? Bài viết này Devwork sẽ giải thích chi tiết, giúp bạn nắm bắt kiến thức cốt lõi và ứng dụng hiệu quả.
Singleton Pattern là gì? Hướng dẫn chi tiết cách triển khai trong Java và Python
Singleton pattern là gì và tại sao nó lại quan trọng trong phát triển phần mềm? Khi bạn cần đảm bảo rằng một class chỉ có duy nhất một thực thể trong suốt vòng đời ứng dụng, Singleton chính là giải pháp hoàn hảo. Bài viết này sẽ giúp bạn hiểu rõ về mẫu thiết kế này, cách triển khai và những tình huống nên (hoặc không nên) áp dụng nó.
Brochure là gì? Bí quyết tạo brochure ấn tượng cho doanh nghiệp
Ngày nay, brochure được xem như một công cụ marketing hiệu quả, đóng vai trò truyền tải thông tin và quảng bá hình ảnh sản phẩm, dịch vụ của doanh nghiệp. Không chỉ mang lại sự chuyên nghiệp, brochure còn giúp tạo ấn tượng mạnh mẽ với khách hàng ngay từ lần tiếp xúc đầu tiên. Trong bài viết này, Devwork sẽ cùng bạn tìm hiểu brochure là gì và những yếu tố quan trọng để thiết kế một mẫu brochure thật sự thu hút.
Brief là gì? Cách viết brief hiệu quả trong công việc
Khi bắt đầu một dự án, bạn có bao giờ rơi vào tình huống: mọi người hiểu mỗi kiểu, kết quả làm ra thì chẳng ăn khớp? Đó là lúc bạn nhận ra sự quan trọng của brief. Trong thế giới phát triển phần mềm hay marketing, brief chính là "kim chỉ nam", là tài liệu cô đọng giúp chuyển giao thông tin, yêu cầu và kỳ vọng của dự án một cách rõ ràng nhất. Vậy brief là gì, ý nghĩa của nó trong công việc và đặc biệt là trong marketing ra sao? Hãy cùng Devwork tìm hiểu ngay trong bài viết này nhé!
