Giới thiệu

Trong HTML, tag <span> được sử dụng để định dạng một phần nhỏ trong văn bản. Nó không có ý nghĩa ngữ nghĩa mà chỉ được sử dụng để áp dụng các kiểu CSS hoặc xác định các thuộc tính cho một phần nhỏ của văn bản.

Cách sử dụng

Để sử dụng tag <span>, bạn chỉ cần bao bọc phần văn bản muốn định dạng bên trong cặp thẻ <span> và </span>. Văn bản bên trong thẻ <span> sẽ được xử lý theo các quy tắc CSS hoặc thuộc tính được xác định.

Ví dụ:

<p>This is a <span style="color: blue;">blue</span> text.</p>

Trong ví dụ trên, từ "blue" sẽ được hiển thị với màu chữ màu xanh dương.

Giải thích

Trong ví dụ trên, chúng ta có một đoạn văn bản được bao bọc bởi thẻ <p>. Bên trong đoạn văn bản, chúng ta sử dụng thẻ <span> để định dạng từ "blue". Thuộc tính style="color: blue;" được sử dụng để xác định màu chữ của từ "blue" là màu xanh dương.

Khi trình duyệt hiển thị đoạn mã trên, từ "blue" sẽ được hiển thị với màu chữ màu xanh dương.

Kết luận

Tag <span> là một công cụ mạnh mẽ để định dạng một phần nhỏ trong văn bản. Bằng cách sử dụng các thuộc tính CSS hoặc xác định các thuộc tính, chúng ta có thể tạo ra các hiệu ứng độc đáo và tùy chỉnh văn bản theo ý muốn.