Тег <span> используется для группирования строчных элементов.
Сам по себе тег <span> никак не влияет на внешний вид заключенных в него элементов. В основном он используется для создания кодовой метки, которая затем может использоваться для форматирования этого отрезка текста при помощи CSS, либо для манипулирования им при помощи Javascript.
В отличие от тега <div> тег <span> не предает коду свойства блока.
Общие атрибуты
Тег <span> поддерживает общие атрибуты и атрибуты-события.
HTML пример использования
Элемент <span> используется для изменения цвета участка текста:
<!DOCTYPE html>
<html>
<body>
<p>У моей сестры <span style="color:blue;font-weight:bold">синие</span> глаза, а у брата
глаза <span style="color:darkolivegreen;font-weight:bold">темно-зеленые</span>.</p>
</body>
</html>