Кухня HTML-верстальщика

Начало

Глава 1

Глава 2

Глава 3

Глава 4

Глава 5

Глава 6

Глава 7

Глава 8

Глава 9

Глава 10

Глава 11

Глава 12

Глава 13

Глава 14

Добавить в избранное || Создание буквицы || Начало || Отступы на веб-странице

13. Отступ первой строки

Использование красной строки с отступом в 2-5 пробела повышает читаемость текста, позволяя легко отыскивать взглядом начало следующего абзаца. В HTML любое количество пробелов заменяется одним, в этом случае стоит использовать другой символ – &nb sp;.

Пример 13.1. Создание отступа неразделимым пробелом & nbsp;

& nbsp; & nbsp; & nbsp; Сварить на медленном огне воду. Положить в нее небольшого червяка, лучше живого, но сойдет и так, мелко покрошенное яблоко, крылышко мотылька и жабу. Соль и сахар по вкусу. По готовности перелить в бутылки. Хранить в прохладном месте.

Следующий способ также имеет право на существование. Вместо символов пробела надо поставить невидимый рисунок нужной ширины.

Пример 13.2. Создание отступа прозрачным рисунком

<img src="empty.gif" width="20" height="1">Сварить на медленном огне воду.
Добавить в нее хлива и хрольва. Довести до кипения

В качестве рисунка можно использовать прозрачный рисунок в формате GIF размером 1 на 1 пиксел.

И, наконец, всегда можно воспользоваться стилями. Параметр text-indent задает отступ первой строки текста. Отступ можно указывать в пунктах (pt), пикселах (px), дюймах (in), миллиметрах (mm) и др.

Пример 13.3. Создание отступа с помощью стилей

<html>
<head>
<style type="text/css">
p { text-indent: 20 px }
</style>
</head>
<body>
<p>Смешать 2 части соляной кислоты и 1 часть азотной со льдом. Слить
охлажденную смесь в фужер. Пить залпом.</p>
</body>
</html>

Конечно, использование стилей более универсально, вдобавок менее обременительно. Однако применение символов & nbsp; является более простым, надежным и независимым от браузера способом. При использовании же в качестве отступа невидимого рисунка есть опасность, что пользователь отключил загрузку изображений, тогда вместо отступа будет показываться некрасивая полоса. В конечном итоге, какой метод предпочесть – решать вам.

Добавить в избранное || Создание буквицы || Начало || Отступы на веб-странице

top

графика, хтмл, для, начинающий, начинающих, чайников, новичков, просто, основа, основы, графика, страница, домашний, домашняя, сайт, новый, новичок, html, обучение, учеба, пример, веб, мастер, веб-мастер, дизайн, веб-дизайн, вебдизайн, дезайн, веб-дезайн, вебдезайн, дезайнер, дизайнер, ступени, тэги, тэг, теги, тег, аттрибут, атрибуты, парамет, design, web, help, помощь, icq, e-mail, guest, book, guestbook, гостевая, книга, форум, аська, контакт, ссылка, link, links, banner, обмен, баннер, баннерами, банер, baner, друзья, friends, почитать, написать, вопросы, вопрос, ответ, проект, ступени, словарь

Используются технологии uCoz