Работа с текстом

Текст — основной способ передачи информации в Интернете. Очень редко встречаются веб-страницы без текста.

Приведенные в следующих разделах примеры программного кода показывают, как созда­вать различные элементы, о которых пойдет речь.

Абзацы — это элементы, используемые на веб-странице для размещения текста. Текст располагают между тегами <Р> и </Р>, как в следующем фрагменте программного кода. <Р>Здесь расположено текстовое содержимое.</Р>

Наличие закрывающего тега </Р> в программном коде совершенно не обязательно. Про­сто большинство программ для создания веб-страниц добавляют его в код автоматически.

Интервал между абзацами создается веб-браузером тоже автоматически. Для принуди­тельного перевода строки используется элемент BR, как в следующем фрагменте программ­ного кода.

<Р>Это первый абзац.</Р>

<BR>

<Р>Обратите внимание на отступ перед вторым абзацем.</Р>

Чтобы сделать интервал между абзацами, используется пустое значение (без какого-либо содержимого между открывающим и закрывающим тегами) элемента Р. К сожалению, такой прием работает не для всех веб-браузеров. Стандарт по HTML не регламентирует применение пустых значений элемента Р. Поэтому тс браузеры, которые строго придерживаются стандар­та, просто игнорируют такой оператор, и пустая строка не добавляется.

Для стандартного решения проблемы в Р- элемент помещают невидимое содержимое. Так как браузеры проигнорируют и обычный пробел, нужно ввести специальный код &nbsp; (так называемый неразрывный пробел) между открывающим и закрывающим тегами <Р>. как в следующем фрагменте программного кода.

<Р>Содержимое первого абзаца.</Р>

<P>bnbsp;</P>

<Р>Перед этим абзацем будет добавлена пустая строка.</Р>

Заголовки также являются текстовыми элементами. Текст, отформатированный с помо­щью разных заголовков, отличается размером шрифта. В HTML используется полдюжины различных заголовков, начиная от большого HI и заканчивая крошечным Н6. Все остальные значения Н2, НЗ, Н4 и Н5 — промежуточные. Размер шрифта уменьшается по мере возраста­ния номера заголовка

Заголовки применяются для визуального отделения одною раздела от другого. Мень­шие заголовки соответствуют подразделам больших заголовков. Допустим, разрабатывает­ся веб-сайт с новостями. В качестве основного заголовка используется HI, за которым сле­дует текст между элементами Р. Для форматирования подзаголовков статей будет исполь­зоваться Н2, а для подзаголовков внутри разделов — НЗ и т.д., как в следующем фрагменте программного кода.

<Н1>Это заголовок первого уровня/Н1>

<Р>Далее можно разместить несколько абзацев текста.

В данном случае это один абзац.</Р> <Н2>В этом примере для форматирования подзаголовка используется элемент Н2</Н2>

<Р>А здесь можно разместить текст подраздела.

Сделайте несколько абзацев с помощью элемента Р.</Р>

Шрифт определяет начертание символов. Шрифт этого слова отличается от этого. Можно взять шрифты, используемые по умолчанию в браузере, или задать какие-то свои. Для новичков вполне подойдут стандартные шрифты, однако по мерс роста мастерства вполне ес­тественно желание разработчика применить специальные шрифты, которые максимально со­ответствуют его замыслу.

В и I — два наиболее часто используемых элемента форматирования шрифтов. Они по­зволяют задать жирное и курсивное начертание соответственно, как показано в следующем фрагменте программного кода.

<Р>Это обычное начертание.<В>Это — пример жирного начертания.</В> <I>Пример курсивного начертания.</I></Р>

Конечно, горизонтальные линии к тексту не имеют никакого отношения, но именно в этой части рассказ о них мне кажется наиболее уместным. В HTML эти линии называ­ются горизонтальными разделительными линиями (horizontal rules), а элемент, который их представляет, — HR. Горизонтальные линии позволяют визуально отделить один раздел на странице от другого, подчеркнуть изображение и т.д. Длину горизонтальной линии можно задать процентным соотношением от ширины экрана или конкретным значением в пикселях. По умолчанию длина линии равна 100% ширины экрана, поэтому если не задать значение ат­рибута width, разделитель будет создан на всю ширину экрана. Следующий фрагмент кода определяет 50-процентную длину разделителя. <HR width="50%">

Чтобы задать длину горизонтальной линии в 400 пикселей, нужно ввести следующий код. <HR width="400">

Для установки толщины линии используется атрибут size, как в следующем фрагменте программного кода. <HR size="6">

По умолчанию линия не заполнена цветом. Линия без заливки называется линией с тенью, потому что раньше, когда веб-страницы были не такими красочными, как сейчас, текст чер­ного цвета размещался на нейтральном сером фоне, а "пустые" горизонтальные линии созда­вали трехмерный эффект, или тень. Эффект тени виден не отчетливо, в отличие от цвета фо­на. Чтобы сделать линию сплошной, нужно добавить атрибут noshade для тега <HR>, как в следующем фрагменте программного кода. <HR noshade>