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.
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ả: Trần Huy Hoàng
Việc làm tại Devwork
Bài viết liên quan
Nên Hay Không Nên Dùng Dịch Vụ Thuê Nhân Sự IT Onsite?
Việc thuê nhân sự IT onsite mang lại nhiều lợi ích nhưng cũng có những hạn chế cần cân nhắc. Devwork.vn, với những lợi thế vượt trội của mình, là đối tác đáng tin cậy cho các doanh nghiệp đang tìm kiếm giải pháp nhân sự IT chất lượng. Nếu bạn đang cân nhắc sử dụng dịch vụ này, hãy liên hệ với Devwork.vn để được tư vấn và hỗ trợ tốt nhất....
Dịch Vụ Cho Thuê Nhân Sự IT - IT Onsite
Devwork.vn là một trong những đơn vị tiên phong tại Việt Nam trong lĩnh vực cung cấp dịch vụ cho thuê nhân sự IT. Với mục tiêu mang đến cho doanh nghiệp nguồn nhân lực IT chất lượng và đáng tin cậy, Devwork.vn đã và đang trở thành đối tác tin cậy của nhiều doanh nghiệp cả trong và nước.
Các Level Trong CNTT. Cách Phân Biệt Và Đánh Giá Năng Lực
Trong ngành công nghệ, các thuật ngữ về lập trình viên được phân chia theo hệ thống cấp bậc rõ ràng. Tùy vào từng cấp độ mà có sự đánh giá nhất định về trình độ, kinh nghiệm và mức độ trách nghiệm riêng.
Mẫu Hợp Đồng Nhân Sự Mới Nhất 2024
Hợp đồng lao động là văn bản pháp lý ghi nhận sự thỏa thuận giữa người lao động và người sử dụng lao động về công việc, quyền và nghĩa vụ của mỗi bên trong quan hệ lao động. Dưới đây là một số mẫu hợp đồng lao động mới nhất năm 2024 mà các doanh nghiệp có thể tham khảo để sử dụng.
Top 5 Phần Mềm Chấm Công Online Khuyên Dùng Hiện Nay
Phần mềm chấm công được sử dụng để đọc dữ liệu máy chấm công, hầu hết các phần mềm chấm công do các công ty Việt Nam phát triển. Phần mềm sẽ giúp cho người quản lý nắm được các thông tin giờ giấc của nhân viên: Họ vào cao giờ nào? Ra ca giờ nào? Họ có đi muộn về sớm không? Giờ làm thêm, giờ tăng ca của từng nhân viên,... Nhờ đó mà người lãnh đạo có thể quản lý nhân viên tốt hơn.
Giới thiệu công cụ rút gọn link hiệu quả
Trên internet hiện nay, việc chia sẻ link trở nên phổ biến, giúp dễ dàng truy cập tới các trang thông tin. Tuy nhiên, các đường link quá dài hay chứa nhiều ký tự khiến người dùng khó ghi nhớ và chưa được xác minh khi truy cập. Cùng Devwork tìm hiểu về công cụ rút gọn link hiệu quả và tối ưu quản lý của Hatonet.
