Тег <span>: опис, синтаксис та приклад використання
Тег <span> призначений для визначення рядкових елементів документа. За допомогою цього тега можна виділити частину інформації всередині інших тегів та встановити для неї свій стиль. Наприклад, всередині абзацу (тега <p>) можна змінити колір та розмір першої літери, додавши початковий та кінцевий тег <span> та визначивши для нього стиль тексту.
Синтаксис:
<span>...</span>Закриваючий тег:
Обов'язковий.
Атрибути:
Для цього тега доступні універсальні атрибути та події.
Приклад:
HTML5IECrOpSaFx
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Тег SPAN</title>
<style>
body {
font-family: Arial, sans-serif; /* Рубленый шрифт */
}
.letter {
color: red; /* Красный цвет символов */
font-size: 200%; /* Размер шрифта в процентах */
font-family: serif; /* Шрифт с засечками */
position: relative; /* Относительное позиционирование */
top: 5px; /* Сдвиг сверху */
}
</style>
</head>
<body>
<p><span class="letter">Р</span>азумные люди приспосабливаются к окружающему миру.
Неразумные люди приспосабливают мир к себе. Вот почему прогресс определяется
действиями неразумных людей.</p>
<p>Бернард Шоу</p>
</body>
</html>Результат даного прикладу показаний нижче.