Làm sao để làm nổi bật (highlight) chữ trong HTML?

Để làm nổi bật (highlight) chữ trong HTML, có một số cách khác nhau mà bạn có thể sử dụng, tùy thuộc vào mục đích và yêu cầu cụ thể của bạn. Dưới đây là một số phương pháp phổ biến:

Sử dụng Thẻ <mark>

HTML5 giới thiệu thẻ <mark> để đánh dấu hoặc làm nổi bật văn bản có ý nghĩa đặc biệt hoặc liên quan trong tài liệu HTML. Các trình duyệt thường hiển thị văn bản trong thẻ <mark> với màu nền mặc định là màu vàng

Ví dụ:

<p>Đây là một đoạn văn bản với <mark>văn bản được làm nổi bật</mark>.</p>

Sử dụng CSS với Thẻ <span>

Bạn cũng có thể sử dụng thẻ <span> kết hợp với CSS để tạo ra hiệu ứng làm nổi bật văn bản. Điều này cho phép bạn tùy chỉnh màu nền và màu văn bản một cách linh hoạt hơn

Ví dụ:

<style>
.highlight {
  background-color: yellow;
}
</style>
...