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
RentID – Nền tảng giúp chủ xe kiểm tra thông tin và đánh giá uy tín khách thuê
Điểm tín nhiệm khách thuê xe giúp chủ xe đánh giá mức độ uy tín của khách hàng trước khi giao xe, đồng thời tạo cơ hội để khách thuê xây dựng lịch sử tín nhiệm qua từng giao dịch. RentID.vn mang đến giải pháp minh bạch hơn cho thị trường thuê xe tự lái....
8car – Ứng dụng thuê xe tự lái an toàn nhờ công nghệ AI
Khám phá 8car - nền tảng thuê xe tự lái ứng dụng AI giúp xác thực người thuê, quản lý hợp đồng, tăng tính an toàn cho chủ xe và mang đến trải nghiệm thuê xe hiện đại.
Top 5 ứng dụng thuê xe tự lái tốt nhất tại Việt Nam
Chỉ với vài thao tác trên điện thoại, bạn có thể tìm kiếm hàng trăm mẫu xe, so sánh giá, đặt lịch và nhận xe nhanh chóng. Mô hình kết nối trực tiếp giữa chủ xe và khách thuê cũng giúp mức giá cạnh tranh và đa dạng lựa chọn hơn. Đây là xu hướng đang phát triển mạnh tại Việt Nam.
SALD – CRM tích hợp Gmail giúp quản lý khách hàng hiệu quả ngay trong hộp thư
Trong nhiều doanh nghiệp, Gmail đã trở thành công cụ làm việc chính. Mỗi ngày nhân viên kinh doanh, chăm sóc khách hàng hay quản lý đều dành hàng giờ để gửi email, trao đổi báo giá, theo dõi dự án và chăm sóc khách hàng.Tuy nhiên, Gmail vốn chỉ được thiết kế để gửi và nhận email. Khi số lượng khách hàng tăng lên, việc tìm kiếm lịch sử trao đổi, ghi nhớ thông tin khách hàng hay theo dõi tiến độ xử lý trở nên khó khăn.
Onsite Nhật Bản: Điều Kiện, Cơ Hội Và Kinh Nghiệm Thành Công
Onsite Nhật Bản là mục tiêu nghề nghiệp của nhiều kỹ sư công nghệ thông tin nhờ mức thu nhập hấp dẫn, môi trường làm việc chuyên nghiệp và cơ hội phát triển quốc tế. Tuy nhiên, không phải ai cũng hiểu rõ onsite là gì, cần chuẩn bị những gì và cơ hội phát triển ra sao. Bài viết dưới đây sẽ giúp bạn hiểu toàn diện về hình thức làm việc onsite tại Nhật Bản và những kinh nghiệm thực tế để gia tăng cơ hội được lựa chọn.
Việc Làm IT Nhật Bản: Cơ Hội Nghề Nghiệp, Mức Lương & Điều Kiện Ứng Tuyển Mới Nhất
Việc làm IT Nhật Bản đang trở thành lựa chọn hấp dẫn đối với nhiều kỹ sư công nghệ Việt Nam nhờ mức lương cạnh tranh, môi trường làm việc chuyên nghiệp và cơ hội phát triển quốc tế. Không chỉ các lập trình viên giàu kinh nghiệm, ngay cả Fresher và Junior Developer cũng có nhiều cơ hội tiếp cận thị trường lao động Nhật Bản. Vậy ngành IT tại Nhật đang tuyển dụng những vị trí nào, yêu cầu ra sao và mức thu nhập có thực sự hấp dẫn? Cùng Devwork tìm hiểu chi tiết trong bài viết dưới đây.
