Перейти к содержанию

<span>

Тег <span> (от англ. span — интервал) предназначен для выделения отдельных строк, символов или других строчных элементов для дальнейшего изменения их оформления с помощью стилей.

Например, внутри абзаца (<p>) можно изменить цвет и размер первого слова, если его выделить с помощью элемента <span> и задать для него желаемый стиль.

Демо

Текстовые элементы

Синтаксис

1
<span>...</span>

Закрывающий тег обязателен.

Атрибуты

Для этого элемента доступны универсальные атрибуты.

Спецификации

Описание и примеры

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>SPAN</title>
        <style>
            span {
                color: red; /* Красный цвет символов */
            }
        </style>
    </head>
    <body>
        <p>
            Разумные люди приспосабливаются к окружающему
            миру. Неразумные люди приспосабливают мир к
            себе. Вот почему прогресс определяется
            действиями неразумных людей.
        </p>
        <p>Автор: <span>Бернард Шоу</span></p>
    </body>
</html>

Ссылки

Комментарии