Thẻ Span trong HTML

Khi viết một đoạn văn bản trong HTML ta thường thấy thẻ <span> . Vậy thẻ <span> là gì và cách sử dụng như thế nào thì Ghouse xin chia sẻ với các bạn.

Định nghĩa thẻ span

Thẻ <span> là thẻ dùng để nhóm các phần tử nội tuyến lại với nhau, tiện cho việc định dạng CSS

Thẻ <span> là thẻ quan trọng và sử dụng nhiều trong HTML

Cấu trúc thẻ span

Cấu trúc thẻ span gồm thẻ mở và thẻ đóng: <span></span>.

Cách sử dụng thẻ span

Thông thường các phần tử trong thẻ <span > là văn bản và các văn bản chủ yếu được định dạng:

  • Kích cỡ chữ (font-size)
  • Màu chữ (color)
  • Màu nền (background-color)
  • Kiểu chữ (font-style)
  • Font chữ (font-family)

Ví dụ: <p><span style=”color: #fff; font-size: 25px; background-color: #0b8808;”>Green house</span> xin chào các bạn!

Và kết quả khi ta sử dụng thẻ <span>: Green house xin chào các bạn!

Qua bài viết này, các bạn đã hiểu rõ hơn thẻ <span> trong HTML và cách dùng để sử dụng trong trang Website của các bạn nhé!