Trong HTML, việc trình bày nội dung rõ ràng, dễ đọc là rất quan trọng. Hai thẻ cơ bản nhất để hiển thị văn bản chính là:
- Thẻ tiêu đề (
<h1>đến<h6>) - Thẻ đoạn văn (
<p>)
1. Thẻ tiêu đề <h1> đến <h6>
HTML có 6 cấp độ tiêu đề:
<h1>Tiêu đề cấp 1</h1>
<h2>Tiêu đề cấp 2</h2>
<h3>Tiêu đề cấp 3</h3>
<h4>Tiêu đề cấp 4</h4>
<h5>Tiêu đề cấp 5</h5>
<h6>Tiêu đề cấp 6</h6>
Đặc điểm:
<h1>là tiêu đề lớn nhất và quan trọng nhất.<h6>là nhỏ nhất.- Tiêu đề thường dùng để phân chia nội dung thành phần, mục, tiểu mục.
- Mỗi trang chỉ nên có một thẻ
<h1>duy nhất, còn lại dùng<h2>đến<h6>để làm tiêu đề con.
2. Thẻ đoạn văn <p>
Thẻ <p> dùng để hiển thị một đoạn văn bản.
Ví dụ:
<p>Đây là một đoạn văn được viết trong thẻ p.</p>
Đặc điểm:
- Tự động xuống dòng và cách nhau với đoạn khác.
- Không được lồng thẻ
<p>bên trong một thẻ<p>khác.
3. Ví dụ thực hành
Tạo file mới tên tieu-de-doan-van.html và dán nội dung sau:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Tiêu đề và đoạn văn</title>
</head>
<body>
<h1>Giới thiệu bản thân</h1>
<p>Tôi là một lập trình viên web, đang học HTML.</p>
<h2>Sở thích</h2>
<p>Tôi thích đọc sách, lập trình và nghe nhạc mỗi ngày.</p>
<h3>Ngôn ngữ đã học</h3>
<p>Hiện tại tôi đang học HTML, CSS và JavaScript.</p>
</body>
</html>
Mở file bằng trình duyệt để quan sát kích thước, khoảng cách của tiêu đề và đoạn văn.
4. Ghi nhớ
- Dùng
<h1>đến<h6>để tạo tiêu đề có cấp bậc rõ ràng. - Dùng
<p>để viết nội dung từng đoạn văn bản. - Không nên dùng tiêu đề chỉ để làm chữ to. Tiêu đề cần phản ánh cấu trúc nội dung.
Thảo luận