Тег span

Тег span позволяет выделить кусочек текста. Сам по себе тег ничего не делает, но в сочетании с атрибутами class, id или style позволяет обратиться через CSS к тексту, который находится внутри него (к примеру, для того, чтобы сменить цвет текста, его размер и так далее).

Пример

Давайте выделим кусочек текста с помощью тега span, но оставим его таким же, как и обычный текст (так как данному span не назначены CSS стили):

htmlthis is <span>text inside span</span>

Результат:

Пример

А сейчас давайте попробуем тегу span назначить красный цвет с помощью атрибута style:

htmlthis is <span style="color: red;">text inside span</span>,
and this is outside:)

Результат:

Смотрите также