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-мелодии,
известные своей полнозвучностью, будут
ласкать уши посетителей. Введите
посетителей в экстатическое блаженство!
Конечно, использование
стилей более универсально, вдобавок
менее обременительно. Однако применение
символов является более простым,
надежным и независимым от браузера
способом. При использовании же в качестве
отступа невидимого рисунка есть
опасность, что пользователь отключил
загрузку изображений, тогда вместо
отступа будет показываться некрасивая
полоса. В конечном итоге, какой метод
предпочесть решать вам.
655 
22 августа 2008 
(0)