разработка сайтов
разработка и создание сайтов
Если у вас возникнут вопросы по языку html или просто по созданию сайтов, смело обращайтесь к нам на
форум в раздел "создание сайтов". Вам
обязательно ответят (мы гарантируем!).
Также рекомендуем посетить недавно открытый раздел
html. Здесь вы найдете краткий курс по основным
возможностям html, а также тематические авторские статьи.
Думаю веб мастерам будет интересен такой вид заработка, как игра на валютной бирже,
в последнее очень популярный в интернете. Читайте статьи раздела
forex.
как создать сайт /
Статьи
/
html
/
отступы на веб-странице
Вернуться в раздел "
html"
"отступы на веб-странице"
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-мелодии, известные своей полнозвучностью, будут ласкать уши
посетителей. Введите посетителей в экстатическое блаженство! |
Конечно, использование стилей более универсально, вдобавок менее
обременительно. Однако применение символов является более простым,
надежным и независимым от браузера способом. При использовании же в
качестве отступа невидимого рисунка есть опасность, что пользователь
отключил загрузку изображений, тогда вместо отступа будет показываться
некрасивая полоса. В конечном итоге, какой метод предпочесть решать вам.
Влад Мержевич
http://www.html.krsk.ru
Вернуться в раздел "
html"
Также рекомендуем посетить недавно открытый раздел
html. Здесь вы найдете краткий курс по основным
возможностям html, а также тематические авторские статьи.
