Чтение онлайн

Ниже приведен небольшой пример использования простого и мягкого переноса в тексте HTML-документа (пример 3.7).

Пример 3.7. Использование переносов

<TITLE>Использование переносов</TITLE>

<BODY>

Это длинное-длинное слово отображается браузером с дефисом и переносится в месте дефиса.<BR>

Слова этого текста могут раз&shy;рывать&shy;ся в указан&shy;ных местах.<BR>

<NOBR>

А этот текст не разрывает&shy;ся несмотря

на нали&shy;чие в нем символов пере&shy;носа.

</NOBR>

</BODY>

Обратите внимание: внутри элементов NOBR (как в примере 3.7) и PRE переносы браузером игнорируются. Однако внутри элемента NOBR можно указать место возможного переноса текста. Делается это при помощи одиночного тега <WBR> (элемента WBR соответственно).

Например:

<NOBR>

Этот текст будет разорван браузером в указанном месте при <WBR>

необходимости (когда текст не поместится в окне).

</NOBR>

Далее рассмотрена еще одна возможность элемента BR, которая используется при вставке в текст документа различных изображений, таблиц и прочих нетекстовых элементов (сами эти элементы будут рассмотрены позже). Таким объектам можно задать выравнивание по правому или левому краю окна браузера (объекты с таким выравниванием называются плавающими).

Текст может обтекать плавающие объекты справа или слева. При необходимости принудительного разрыва строки с использованием элемента BR можно указать, где должна появиться следующая строка, задавая значения left, right, all или none атрибуту clear этого HTML-элемента. Расшифровка этих значений следующая:

• none – используется по умолчанию, означает, что новая строка начнется нормально, то есть с минимальным промежутком по вертикали и выравниванием по нужному краю;

• left – следующая строка начнется под плавающим объектом, выровненным по левому краю (если объект выровнен по правому краю, то действует аналогично none);

• right – аналогично значению left, только наоборот;

• all – следующая строка начнется под плавающим объектом независимо от края, по которому выровнен объект.

Все, что рассматривалось ранее, – это простое физическое форматирование текста. Теперь пришло время заняться разбиением текста HTML-документа на логически цельные, но различные между собой части, – сформировать структуру документа. В этом разделе будут рассмотрены основные возможности структурирования документа с использованием соответствующих HTML-элементов, а также то, как роль текста в структуре документа влияет на его отображение.

В предыдущих примерах весь текст HTML-документов даже при наличии в нем элементов BR воспринимался браузером как один абзац. Чтобы действительно отделить абзацы

текста друг от друга, используется специальный элемент P.

Элемент P задается при помощи парных тегов и . При этом следует отметить, что использование закрывающего тега считается не просто необязательным, но даже нежелательным. При отсутствии закрывающего тега концом элемента P считается начало следующего абзаца (следующий тег ) или тег конца документа, если абзац последний.

Для элемента P можно задать несколько атрибутов. Список наиболее используемых атрибутов:

• align – задает горизонтальное выравнивание содержимого абзаца, может принимать значения: left (используется по умолчанию), right, center, justify;

• title – задает текст подсказки.

К тексту абзаца может применяться любое форматирование, однако оно не должно нарушать восприятие абзаца как единого целого. Обычно сами абзацы браузерами визуально отделяются друг от друга. Далее приведен небольшой пример, в котором используется разбиение текста на абзацы (пример 3.8).

Пример 3.8. Использование абзацев

<TITLE>Разбиение текста на абзацы</TITLE>

<BODY>

<P title = "Первый абзац">

Неформатированный текст

<P align = "right" title = "второй абзац">

Текст с <B>изменением <I>начертания</I></B>

<P align = "center" title = "третий абзац">

<FONT size = "+2" face = "arial">Текст с измененным шрифтом</FONT>

<P align = "justify" title = "четвертый абзац">

Текст этого абзаца автоматически выравнивается по ширине справа и слева при переносе слов

</BODY>

При обработке приведенного HTML-кода получится документ, показанный на рис. 3.7.

Рис. 3.7. Использование различного оформления абзацев

При наведении указателя мыши на текст абзаца появляется подсказка, заданная атрибутом title.

Следующим важным этапом в структурировании HTML-документа является использование заголовков (в их обычном понимании) для обозначения начала больших фрагментов текста.

В HTML поддерживаются шесть видов заголовков. Им соответствуют элементы H1, H2, H3, H4, H5 и H6. Номера определяют уровни заголовков от наиболее важного (1) до наименее важного (6). Элементы H1–H6 задаются при помощи соответствующих парных тегов. Например, для задания заголовка третьего уровня можно применить следующий код:

<H3>Текст заголовка третьего уровня</H3>

Для заголовков можно задать свойства:

• align – выравнивание текста заголовка (по умолчанию используется выравнивание по левому краю);