#Gromov
Мастер
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″>
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>
Каждый пользователь, имеющий звуковую карту, бесконечно рад при посещении Вашей странички услышать наполненную радостью песенку. И охотно ждет несколько, необходимых для перекачки, минут. Особенно midi-мелодии, известные своей полнозвучностью, будут ласкать уши посетителей. Введите посетителей в экстатическое блаженство!
Конечно, использование стилей более универсально, вдобавок менее обременительно. Однако применение символов является более простым, надежным и независимым от браузера способом. При использовании же в качестве отступа невидимого рисунка есть опасность, что пользователь отключил загрузку изображений, тогда вместо отступа будет показываться некрасивая полоса. В конечном итоге, какой метод предпочесть решать вам.
Горизонтальные и вертикальные отступы от края браузера до содержимого веб-странице встроены в браузер по умолчанию. Тем не менее можно изменять значение этих параметров, делая отступы по желанию больше или меньше. Хитрость заключается в том, что 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″>
PHP:
<table width=»100%» border=»0″ cellspacing=»0″ cellpadding=»0″ height=»100″>
<tr>
<td bgcolor=»#CC6600″> </td>
</tr>
</table>
</body>Использование красной строки с отступом в 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>
PHP:
<style type=»text/css»>
p { text-indent: 20 px }
</style>
</head>
<p>Конечно, использование стилей более универсально, вдобавок менее обременительно. Однако применение символов является более простым, надежным и независимым от браузера способом. При использовании же в качестве отступа невидимого рисунка есть опасность, что пользователь отключил загрузку изображений, тогда вместо отступа будет показываться некрасивая полоса. В конечном итоге, какой метод предпочесть решать вам.