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
Cách xóa ứng dụng trên máy tính đơn giản trên win 7, 10
Bạn đang nao núng mỗi khi muốn gỡ bỏ phần mềm không cần thiết trên máy tính? Trong bài viết này, chúng tôi sẽ hướng dẫn chi tiết cách xóa ứng dụng trên máy tính theo hai phương pháp chính, áp dụng đơn giản trên cả Windows 7 và Windows 10, giúp bạn làm sạch hệ thống, giải phóng dung lượng, và giúp máy chạy mượt hơn. Hãy cùng khám phá ngay!...
Cách kết nối Bluetooth Win 10 với các thiết bị
Bluetooth đã trở thành một phần không thể thiếu trong cuộc sống hiện đại. Từ việc kết nối tai nghe không dây để nghe nhạc trong lúc nấu ăn, chia sẻ tài liệu giữa các thiết bị, đến việc trình chiếu slide trong các buổi họp quan trọng, Bluetooth giúp cuộc sống của chúng ta trở nên dễ dàng và tiện lợi hơn rất nhiều. Bài viết này sẽ cung cấp một hướng dẫn chi tiết, dễ hiểu về kết nối bluetooth win 10, dành cho tất cả mọi người, từ người nội trợ, sinh viên, dân văn phòng đến khách hàng doanh nghiệp.
Top 6 phần mềm khôi phục dữ liệu hoàn toàn miễn phí
Bạn vừa lỡ tay xóa nhầm file báo cáo quan trọng? Chiếc USB chứa ảnh kỷ niệm gia đình bỗng dưng "dở chứng"? Trong thời đại số, mất dữ liệu là "tai nạn" mà ai cũng có thể gặp phải. Nhưng tin vui là, với sự trợ giúp của các phần mềm khôi phục dữ liệu, bạn hoàn toàn có thể "cứu" lại những thông tin quý giá này. Bài viết này sẽ giới thiệu Top phần mềm khôi phục dữ liệu đã xóa trên ổ cứng, USB, thẻ nhớ miễn phí
Tại sao kiểm tra nhiệt độ CPU lại quan trọng? Cách kiểm tra nhiệt độ CPU
Bạn có bao giờ tự hỏi, chiếc máy tính thân yêu của mình đang "khỏe" đến mức nào? Chúng ta thường quan tâm đến việc máy chạy nhanh hay chậm, cài được game gì, nhưng lại quên mất một yếu tố quan trọng ảnh hưởng trực tiếp đến tuổi thọ và hiệu suất của máy đó là nhiệt độ CPU. Hãy cùng Devwork tìm hiểu tại sao kiểm tra nhiệt độ CPU lại quan trọng? Cách kiểm tra nhiệt độ CPU nhé.
Hướng Dẫn Chi Tiết Cách Đổi Hình Nền Máy Tính Cho Mọi Hệ Điều Hành
Đôi khi, một hình nền đẹp còn có thể truyền cảm hứng, giúp bạn làm việc hiệu quả và vui vẻ hơn. Nếu bạn đang tìm kiếm cách đổi hình nền máy tính một cách dễ dàng và nhanh chóng, bài viết này chính là dành cho bạn! Devwork sẽ hướng dẫn chi tiết từng bước cho các hệ điều hành phổ biến nhất, từ Windows đến macOS và thậm chí cả Linux, cùng với những mẹo hay để tối ưu hóa trải nghiệm của bạn.
5 phần mềm xóa file cứng đầu tốt nhất và những lưu ý khi xóa
Việc xóa file cứng đầu một cách an toàn là rất quan trọng để bảo vệ dữ liệu cá nhân và tránh mất mát thông tin nhạy cảm. Tuy nhiên, không phải ai cũng biết cách thực hiện điều này một cách hiệu quả. Trong bài viết này, chúng tôi sẽ giới thiệu đến bạn 8 phần mềm xóa file cứng đầu tốt nhất giúp bạn thực hiện việc này một cách dễ dàng và an toàn.
