Thẻ Tiêu đề (Headings): <h1> đến <h6>
- Tiêu đề là cực kỳ quan trọng để cấu trúc nội dung và giúp người đọc hiểu được bố cục bài viết.
- HTML cung cấp 6 cấp độ tiêu đề, từ <h1> đến <h6>.
Lưu ý:
- <h1>: quan trọng nhất, thường là tiêu đề chính của trang hoặc bài viết.
- <h6>: ít quan trọng nhất, cho các tiêu đề phụ rất nhỏ.
Ví dụ:
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Tiêu đề trang web</title>
</head>
<body>
<h1>Đây là tiêu đề quan trọng nhất (lớn nhất)</h1>
<h2>Đây là tiêu đề quan trọng thứ nhì (lớn thứ nhì)</h2>
<h3>Đây là tiêu đề quan trọng thứ ba (lớn thứ ba)</h3>
<h4>Đây là tiêu đề quan trọng thứ tư (lớn thứ tư)</h4>
<h5>Đây là tiêu đề quan trọng thứ năm (lớn thứ năm)</h5>
<h6>Đây là tiêu đề ít quan trọng nhất (nhỏ nhất)</h6>
</body>
</html>Hiển thị trên web:
Thẻ Đoạn văn (Paragraph): <p>
- Thẻ <p> dùng để định nghĩa một đoạn văn.
Ví dụ:
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Tiêu đề trang web</title>
</head>
<body>
<p>Đây là đoạn văn thứ nhất rất dài... rất rất dài...</p>
<p>Đây là đoạn văn thứ hai rất dài... rất rất dài...</p>
<p>Đây là đoạn văn thứ ba rất dài... rất rất dài...</p>
</body>
</html>Hiển thị trên web:
Thẻ Định dạng Văn bản (Text Formatting)
- HTML cung cấp nhiều thẻ để thay đổi cách hiển thị hoặc thêm ý nghĩa cho văn bản.
- <strong> và <b>: In đậm văn bản. (strong dùng cho văn bản quan trọng, b dùng cho văn bản định dạng)
- <em> và <i>: In nghiêng văn bản. (em dùng cho văn bản quan trọng, i dùng cho văn bản định dạng)
- <mark>: Đánh dấu (highlight) văn bản.
- <del>:
Gạch ngang văn bản (ví dụ: giá cũ). - <ins> và <u>: Gạch chân văn bản. (ins dùng cho văn bản quan trọng, u dùng cho văn bản định dạng)
- <sub>: Chỉ số dưới (ví dụ: H₂O).
- <sup>: Chỉ số trên (ví dụ: x²).
Ví dụ:
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Tiêu đề trang web</title>
</head>
<body>
<p>
Đây là văn bản <strong>quan trọng</strong> và đây là văn bản
<b>được in đậm</b>.
</p>
</body>
</html>Hiển thị trên web:
Thẻ Liên kết (Links): <a>
- Thẻ <a> dùng để tạo liên kết. (bên trong trang web hoặc bên ngoài trang web)
Ví dụ:
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Tiêu đề trang web</title>
</head>
<body>
<p>
Truy cập <a href="https://www.google.com">Trang tìm kiếm Google</a>.
</p>
<p>
Xem <a href="/gioi-thieu-v2">Giới thiệu về tôi</a> (liên kết nội
bộ).
</p>
<p>
Tải xuống
<a href="/og-image.jpg" download>Tài liệu PDF</a> (liên kết tải
xuống).
</p>
<p>
Gửi email:
<a href="mailto:kitajima2910@gmail.com">kitajima2910@gmail.com</a>.
</p>
<p>Gọi điện: <a href="tel:+84901858004">0901858004</a>.</p>
</body>
</html>Hiển thị trên web:
