Библиотека Интернет Индустрии I2R.ru

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

Пример 1. Создание буквицы с помощью рисунка

img src=n.gif width=50 height=50 align=left vspace=2 hspace=2>авеpняка мы знаем только одно - сновидения существуют в собственном пространственно - временном континууме. Даже когда наше физическое естество находится с состоянии покоя, мы продолжаем жить активной жизнью, практически неотличимой от жизни дневной.

Отступ от буквицы до текста задается параметрами vspace - по вертикали и hspace - по горизонтали.
Достоинства использования рисунков в качестве буквицы следующие: применение любого шрифта и разных эффектов, простота метода, а также возможность использования в качестве формата анимированный GIF, что дает дополнительные возможности оформления. Недостатки: если буквица на сайте применяется довольно часто, придется подготовить множество рисунков разных букв; усложняется возможность редактирования текста, так как придется вместо простого изменения буквы вставлять другой рисунок. Если это не останавливает, вперед, нет - читаем дальше, как делать буквицу текстом.

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

Пример 2. Буквица в виде текста

table align=left border=0 cellspacing=0 celpadding=0> tr>td>font size=7>С/font>/td>/tr> /table> ны снятся каждому человеку. В течение тысячелетий мы пытались доказать, что эти путешествия в ночи тесно связаны с нашей дневной жизнью.

При желании можно изменить цвет фона и рамки параметрами bgcolor и bordercolor. Для изменения размера и шрифта символа также используются стили. В этом случае код HTML будет незначительно отличаться.

Пример 3. Использование стилей

head> style type="text/css"> .letter { font-family: Arial; font-size: 24pt; color: navy } </style> </head> <table align=left border=0 cellspacing=0 celpadding=0> <tr><td><span class=letter>С</span></td></tr> </table> ны снятся каждому человеку. В течение тысячелетий мы пытались доказать, что эти путешествия в ночи тесно связаны с нашей дневной жизнью.

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

Пример 4. Буквица на поле

<table width=100% border=0> tr> td valign=top> font size=7>Т/font> или span class=letter>Т/span> или img src=t.gif width=50 height=50> /td> td valign=top> аким образом, каждый отчетливо запомнившийся сон представляет собой еще одно неопровержимое доказательство того, что наша жизнь проходит не только в физической реальности. Каждую ночь от рождения и до самой смерти мы проводим в нематериальном мире. /td> /tr> /table>

Обратите внимание, содержимое обоих ячеек выравнивается по верхнему краю параметром valign=top.