Тег span
| Описание | Открывающий и закрывающий теги span используются, когда надо выделить фрагмент внутри блока (div или p). Это очень удобно при блочной верстке, когда часть блока имеет одно оформление, а часть - другое. |
|---|---|
| Синтаксис |
<span>Содержимое блока</span> |
| Атрибуты | Отсутствуют |
| Пример |
<head>
<style type="text/css">
.char {
color: red;
font-family: serif;
font-style: italic;
font-syze: 30px;
}
</style>
<head>
<body>
<p align="justify">
<span class="char">О</span>чередной
самый обычный параграф.
Простой такой параграф - ничего нестандартного или необычного, приведен здесь для примера.
</p>
<p align="justify">
<span class="char">Е</span>динственное,
на что стоит обратить внимание - это начальные буквы параграфов, видоизмененные с помощью тега span.
</p>
</body>
 (откроется в новом окне) |
| Частые ошибки | |
| Примечания | Внимательные читатели могут возразить - мол, практически такого же эффекта можно добиться, используя теги font с атрибутом color. Это не совсем так - измененная первая буква является всего лишь простейшим примером. А попробуйте поставить тегами font, допустим, аниммированный фон - и как? К тому же свойства span могут применяться не только к тексту, но и к обьектам - например, изображениям. |
