💡 Tôi đã chuẩn bị sẵn trình soạn thảo bên dưới bài viết. Bạn có thể thử nghiệm thoải mái!
Cập nhật: 31 tháng 5 năm 2026
Thẻ strong và em | Hướng dẫn và bài tập
📌
Kết luận
Dùng <strong> để nhấn mạnh mạnh mẽ, <em> để nhấn mạnh nhẹ nhàng
📝 Mã thực tế tại đây
<p>Điều này rất <strong>quan trọng</strong> và cần được <em>lưu ý</em>.</p>Sự khác biệt giữa strong và em
| Thẻ | Hiển thị | Ý nghĩa | Trường hợp dùng |
|---|---|---|---|
<strong> | **Chữ đậm** | Nhấn mạnh mạnh (quan trọng) | Cảnh báo, mục quan trọng |
<em> | *Chữ nghiêng* | Nhấn mạnh nhẹ | Sắc thái, bổ sung |
<strong> với giọng mạnh hơn và thẻ <em> với giọng nhấn mạnh hơn. Các công cụ tìm kiếm cũng nhận diện đây là những thông tin quan trọng.
Khác biệt với thẻ b và i
Thẻ<b> làm chữ đậm, thẻ <i> làm chữ nghiêng nhưng chúng chỉ đơn thuần là "vẻ bề ngoài" và không có ý nghĩa ngữ nghĩa. Trong HTML hiện đại, bạn nên sử dụng <strong> và <em>.
Tổng kết
-<strong> = Nhấn mạnh quan trọng (Chữ đậm)
- <em> = Nhấn mạnh nhẹ (Chữ nghiêng)
- Lựa chọn thẻ dựa trên "ý nghĩa", không dựa trên vẻ ngoài
Hãy thử trong phần bài tập
Hãy bao quanh từ "Quan trọng" bằng thẻ strong và từ "Nhấn mạnh" bằng thẻ em nhé.🧪 Thử nghiệm tại đây
Bạn có thể viết mã thực tế vào trình soạn thảo bên dưới và xem ngay kết quả. Đừng sợ làm hỏng, bạn có thể thử lại bao nhiêu lần tùy thích.
■ Bài tập thực hành
Bao quanh từ 'Quan trọng' bằng thẻ strong và từ 'Nhấn mạnh' bằng thẻ em.
Gợi ý khi gặp khó khăn
strong làm chữ đậm, em làm chữ nghiêng.