Thẻ span trong HTML

• Trần Thị Vân
• 1730
• 08/07/2025

Chức năng của Thẻ span trong HTML

Thẻ span trong HTML dùng để chứa một đoạn câu chữ, sau đó dùng css để định dạng những câu chữ mà thẻ span đã chứa.

Cú pháp của Thẻ span trong HTML

<span>vanban</span>

vanban: Văn bản.

Bao gồm thẻ mở <span> và thẻ đóng </span> bao quanh văn bản.

Ví dụ thực tế về Thẻ span trong HTML

<style>
p span.maudo{color:red}
p span.indam{font-weight:bold}
</style>
<p>Định dạng chữ màu <span style="color:red">đỏ</span></p>
<p>Định dạng chữ màu <span class="maudo">đỏ</span></p>
<p>Định dạng chữ màu <span class="maudo">đỏ</span></p>
<p>Định dạng chữ <span class="indam">in đậm</span></p>

Bạn có thể css trực tiếp vào thẻ span hoặc đặt class, id để css.

Chạy Thử

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Thẻ span trong HTML.