1. Отступы в теге BODY
Горизонтальные и
вертикальные отступы от края браузера до содержимого веб-странице встроены в
браузер по умолчанию. Тем не менее можно изменять значение этих параметров,
делая отступы по желанию больше или меньше. Хитрость заключается в том, что
Internet Explorer и Netscape имеют разные параметры для указания значения
отступов. У Internet Explorer в теге BODY следует указывать leftmargin для
горизонтального отступа и topmargin для вертикального, а в Netscape те же
функции выполняют параметры marginwidth и marginheight. Объединяя все параметры
воедино, получим универсальный код, который будет работать во всех браузерах
одинаково.
Пример 1. Изменение величины отступов <body
bgcolor="#FFFFFF" text="#000000" leftmargin="20" topmargin="20" marginwidth="20"
marginheight="20">
Частенько отступы вообще убирают, делая их равными
нулю. Тогда рабочее поле становится больше размером, а используемые рисунки и
таблицы, выравненные по краю, располагаются "под обрез". Ниже приведен пример
создания таблицы 100% ширины без пустого пространства между краем браузера и
таблицы.
Пример 2. Отсутствие отступов на веб-странице <body
bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0"
marginheight="0">
<table width="100%" border="0" cellspacing="0"
cellpadding="0" height="100">
<tr>
<td
bgcolor="#CC6600"> </td>
</tr>
</table>
</body>
2. Отступ первой строки
Использование
красной строки с отступом в 2-5 пробела повышает читаемость текста, позволяя
легко отыскивать взглядом начало следующего абзаца. В HTML любое количество
пробелов заменяется одним, в этом случае стоит использовать другой символ -
Пример 1. Создание отступа неразделимым пробелом
Пакуйте как можно больше текста на
одну экранную страничку. Лучше всего уменьшить для этого шрифт на 2 или 3
единицы. Это обеспечит место элегантной типографии, а так же рабочие места для
глазных врачей и продавцов очков. Ваш скромный вклад в развитие народного
хозяйства.
Следующий способ также имеет право на существование.
Вместо символов пробела надо поставить невидимый рисунок нужной ширины.
Пример 2. Создание отступа прозрачным рисунком <img
src=empty.gif width=20 height=1>Указывайте точные размеры окна браузера,
которые должен установить посетитель. И чем больше установленные Вами размеры,
тем лучше, независимо от того поддерживает соответствующий монитор подобные или
нет. В конце концов при оформлении Вы приложили все усилия для достижения
выдающегося дизайна и не может быть, чтобы Вашей гениальной планировке была
уготована участь наблюдать ее через замочную скважину.
В качестве рисунка можно использовать прозрачный GIF
размером 1 на 1 пиксел.
И, наконец, всегда можно воспользоваться стилями.
Параметр text-indent задает отступ первой строки текста. Отступ можно указывать
в пунктах (pt), пикселах (px), дюймах (in), миллиметрах (mm) и др.
Пример 3. Создание отступа с помощью стилей
<head>
<style type="text/css">
p { text-indent: 20 px
}
</style>
</head>
<p>Каждый пользователь, имеющий
звуковую карту, бесконечно рад при посещении Вашей странички услышать
наполненную радостью песенку. И охотно ждет несколько, необходимых для
перекачки, минут. Особенно midi-мелодии, известные своей полнозвучностью, будут
ласкать уши посетителей. Введите посетителей в экстатическое блаженство!
Конечно, использование стилей более универсально,
вдобавок менее обременительно. Однако применение символов является
более простым, надежным и независимым от браузера способом. При использовании же
в качестве отступа невидимого рисунка есть опасность, что пользователь отключил
загрузку изображений, тогда вместо отступа будет показываться некрасивая полоса.
В конечном итоге, какой метод предпочесть решать вам.
Главная
