Теги Span и Div


Теги SPAN и DIV широко используются вместе с селекторами классов. SPAN предназначен для изменения стиля выделенной части текста, такой как отдельный символ или их набор, а DIV позволяет применять стиль сразу к целому блоку. Перед этим тегом, в отличие от SPAN, автоматически добавляется перенос строки и пустое пространство, аналогично действию параграфа.

Пример 1. Использование тега SPAN
<html>
<head>
<style type="text/css">
.capital { font-size: 150%; color: red; }
</style>
</head>

<body>
<span class=capital>Б</span>уквица является художественным приемом оформления текста и представляет собой увеличенную первую букву, базовая линия которой ниже на одну или несколько строк базовой строки основного текста. Буквица привлекает внимание читателя к началу текста, особенно если страница лишена других ярких деталей.

</body>
</html>


Буквица является художественным приемом оформления текста и представляет собой увеличенную первую букву, базовая линия которой ниже на одну или несколько строк базовой строки основного текста. Буквица привлекает внимание читателя к началу текста, особенно если страница лишена других ярких деталей.

Тег SPAN удобен для создания выделений в тексте, буквиц, цитат и др. DIV используется преимущественно для создания слоев.

Пример 2. Использование тега DIV
<div ID="layer1">
<table border="1" bgcolor="#c0c0c0">
<tr><td>Подсказка</td></tr>
</table>
</div>

В примере параметром тега DIV, определяющим стиль блока, выступает идентификатор, предназначенный для управления слоем.


Предыдущая статья     Следующая статья     Список статей