Khi viết nội dung trên trang web, bạn thường muốn nhấn mạnh, làm nổi bật, hoặc gạch chân một phần văn bản. HTML cung cấp nhiều thẻ để định dạng nội dung văn bản theo ý bạn.
1. Các thẻ định dạng thường dùng
a) <strong>
- Dùng để nhấn mạnh quan trọng về mặt ngữ nghĩa.
- Mặc định hiển thị in đậm.
<p>Tôi <strong>rất thích</strong> học HTML.</p>
b) <b> (bold)
- Cũng hiển thị in đậm, nhưng không mang ý nghĩa ngữ nghĩa như
<strong>.
<p>Chữ <b>in đậm</b> mà không mang ý nghĩa đặc biệt.</p>
c) <em>
- Dùng để nhấn mạnh nhẹ hơn, thường dùng để nhấn giọng.
- Mặc định hiển thị in nghiêng.
<p>Tôi <em>có thể</em> sẽ học tiếp CSS sau khi học xong HTML.</p>
d) <i> (italic)
- Hiển thị in nghiêng, nhưng không mang tính nhấn mạnh.
<p>Chữ <i>in nghiêng</i> để làm đẹp.</p>
e) <mark>
- Dùng để tô sáng đoạn văn bản.
<p>HTML là ngôn ngữ <mark>cơ bản</mark> nhất trong lập trình web.</p>
f) <u> (underline)
- Dùng để gạch chân chữ.
<p><u>Đây là dòng chữ được gạch chân.</u></p>
g) <small>
- Dùng để hiển thị văn bản nhỏ hơn phần còn lại.
<p>Bản quyền <small>© 2025</small> thuộc về tôi.</p>
h) <del> và <ins>
<del>: hiển thị chữ bị gạch ngang, biểu thị nội dung bị xoá.<ins>: hiển thị chữ được gạch chân, biểu thị nội dung mới thêm vào.
<p>Giá cũ: <del>500.000đ</del> - Giá mới: <ins>450.000đ</ins></p>
2. Thực hành
Tạo một file dinhdang-vanban.html với nội dung sau:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Định dạng văn bản</title>
</head>
<body>
<h1>Ví dụ về định dạng văn bản</h1>
<p>Tôi <strong>rất thích</strong> học HTML.</p>
<p>Hôm nay tôi <em>khá mệt</em>, nhưng vẫn học.</p>
<p>HTML là <mark>ngôn ngữ nền tảng</mark> của web.</p>
<p>Chữ <u>được gạch chân</u> như thế này.</p>
<p>Bản quyền <small>© 2025</small>.</p>
<p>Sản phẩm giảm giá từ <del>300.000đ</del> còn <ins>250.000đ</ins>.</p>
</body>
</html>
3. Ghi nhớ
- Dùng
<strong>và<em>khi bạn cần nhấn mạnh theo nghĩa. - Dùng
<b>,<i>nếu chỉ muốn làm đẹp mà không ảnh hưởng ngữ nghĩa. - Thẻ
<mark>,<u>,<small>,<del>,<ins>giúp thể hiện nhiều ý nghĩa khác nhau khi trình bày nội dung.
Thảo luận