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
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.
Chứng chỉ Aptis là gì? Cấu trúc, lệ phí và giá trị mới nhất
Chứng chỉ Aptis đang trở thành một trong những chứng chỉ tiếng Anh được nhiều học sinh, sinh viên và người đi làm lựa chọn nhờ chi phí hợp lý, thời gian thi linh hoạt và khả năng đánh giá toàn diện các kỹ năng ngôn ngữ. Vậy chứng chỉ Aptis là gì, có giá trị như thế nào và liệu đây có phải lựa chọn phù hợp với mục tiêu học tập, làm việc của bạn? Hãy cùng Devwork tìm hiểu chi tiết trong bài viết dưới đây.
Email Marketing là gì? Cách tạo và viết email chuyên nghiệp
Email marketing đang trở thành một trong những kênh tiếp thị quan trọng nhất giúp doanh nghiệp tiếp cận khách hàng trực tiếp, tiết kiệm chi phí và tăng tỷ lệ chuyển đổi. Vậy email marketing là gì, làm sao để viết email thật chuyên nghiệp và tạo chiến dịch hiệu quả? Bài viết này sẽ hướng dẫn bạn chi tiết theo cách dễ hiểu nhất.
Kỹ sư công nghệ thông tin: Học gì, làm gì, mức lương bao nhiêu?
Trong kỷ nguyên số 4.0, Công nghệ Thông tin (CNTT) đã trở thành ngành mũi nhọn, dẫn dắt sự chuyển mình của mọi lĩnh vực trong đời sống và kinh tế. Vai trò của những kỹ sư công nghệ thông tin - những người kiến tạo và vận hành thế giới số - ngày càng trở nên quan trọng. Vậy cụ thể, một kỹ sư CNTT học những gì, làm những công việc gì và mức lương có thực sự hấp dẫn như lời đồn? Bài viết toàn diện dưới đây từ Devwork sẽ giải đáp tất cả những thắc mắc đó.
Tìm hiểu từ A-Z về hệ điều hành Linux từ cơ bản đến nâng cao
Trong thế giới công nghệ, hệ điều hành linux được ví như "trụ cột thầm lặng" của internet và là nền tảng cho vô số hệ thống máy tính toàn cầu. Từ những siêu máy tính, máy chủ web cho đến điện thoại Android và các thiết bị thông minh, Linux hiện diện ở khắp mọi nơi. Vậy Linux là gì và tại sao nó lại quan trọng đến vậy? Bài viết toàn diện từ A đến Z dưới đây của Devwork sẽ dẫn dắt bạn khám phá mọi khía cạnh của Linux
