| Работа с текстом |
|
Текст — основной способ передачи информации в Интернете. Очень редко встречаются веб-страницы без текста. Приведенные в следующих разделах примеры программного кода показывают, как создавать различные элементы, о которых пойдет речь. Абзацы — это элементы, используемые на веб-странице для размещения текста. Текст располагают между тегами <Р> и </Р>, как в следующем фрагменте программного кода. <Р>Здесь расположено текстовое содержимое.</Р> Наличие закрывающего тега </Р> в программном коде совершенно не обязательно. Просто большинство программ для создания веб-страниц добавляют его в код автоматически. Интервал между абзацами создается веб-браузером тоже автоматически. Для принудительного перевода строки используется элемент BR, как в следующем фрагменте программного кода. <Р>Это первый абзац.</Р> <BR> <Р>Обратите внимание на отступ перед вторым абзацем.</Р> Чтобы сделать интервал между абзацами, используется пустое значение (без какого-либо содержимого между открывающим и закрывающим тегами) элемента Р. К сожалению, такой прием работает не для всех веб-браузеров. Стандарт по HTML не регламентирует применение пустых значений элемента Р. Поэтому тс браузеры, которые строго придерживаются стандарта, просто игнорируют такой оператор, и пустая строка не добавляется. Для стандартного решения проблемы в Р- элемент помещают невидимое содержимое. Так как браузеры проигнорируют и обычный пробел, нужно ввести специальный код (так называемый неразрывный пробел) между открывающим и закрывающим тегами <Р>. как в следующем фрагменте программного кода. <Р>Содержимое первого абзаца.</Р> <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>
|