| |
редства форма-
тирования/позиционирования, такие как CSS или помещение текста в ячейки
HTML-таблиц. Не получив определенных инструкций по форматированию, Web-
браузер поместит первый символ текста сразу же у левого поля и "завернет" (пе-
Глава 1. Основы языка HTML 67
рейдет на следующую строку), только дойдя до правого поля Web-страницы. По-
мните: ширина окна браузера на компьютере посетителя определяется расстоя-
нием между левым и правым полями Web-страницы. Кроме того, браузер завора-
чивает текст на следующую строку, достигнув правой границы окна. Дескрипторы
blockquote форматируют текст, смещая его вправо или увеличивая поля справа
и слева от блока цитирования. Поэтому использование блоков цитирования вы-
деляет текст на общем фоне документа, что помогает должным образом органи-
зовать содержимое на странице.
ПРАКТИКУМ
Например, следующий HTML-код описывает Web-страницу с заголовком и двумя
абзацами текста, к которым применен стиль блоков цитирования (см. рис. 1.20):
npnMep использования дескриптора блока цитирования</^хЪ1е>
</head>
<body>
<р>Это обычный текст</р>
<blockquote>TeKCT в этом абзаце выделен в блок цитирования.
Обратите внимание, что текст смещается вправо с левой стороны
страницы и"заворачивается", достигнув правого поля.
</blockquote>
<р>Это снова обычный текст; смотрите, что происходит, когда обычный
текст доходит до поля.</р>
<blockquote>TeKCT в этом абзаце выделен в блок цитирования.
Обратите внимание, что текст смещается вправо с левой стороны
страницы и"заворачивается", достигнув правого поля.
</blockquote>
</body>
</html>
Файл .Правке .Избранное. • Сйрвис "
им Л -
Адрес jg] http.//htmUvebdestgr</aiepter01/Figure01-20htm
Это обычный текст
Текст в этом абзаце выделен в блок цитирования. Обратите внимание,
что текст смещается вправо с левой стороны страницы и
"заворачивается", достигнув правого поля.
Это снова обычный текст; смотрите, что происходит, когда обычный текст доходит
до поля.
Текст в этом абзаце выделен в блок цитирования. Обратите внимание,
что текст смещается вправо с левой стороны страницы и
"заворачивается", достигнув правого поля.
Рис. 1.20. Web-страница с обычным текстом и текстом, заключенным
в дескрипторы блоков цитирования
68 Глава 1. Основы языка HTML
Создание упорядоченных и неупорядоченных списков
Выше в этой главе мы рассказали о нескольких способах компоновки содер-
жимого на Web-странице. Упорядоченные и неупорядоченные списки — еще
один инструмент, с помощью которого можно организовывать взаимосвязанный
текст в группы маркированных или нумерованных элементов списка. Списки
очень полезны для представления информации в структурированном виде. В
упорядоченных (ordered) списках для организации Web-содержимого использует-
ся алфавитная или числовая система, а в неупорядоченных (unordered) каждый
элемент списка идентифицируется символом, или маркером.
ПРАКТИКУМ
С помощью упорядоченных, или нумерованных, списков создайте пошаговые ин-
струкции, где имеет значение порядок элементов в списке. Приведенный ниже
HTML-код описывает упорядоченный список, показанный на рис. 1.21.
! <.айл Дравка V ЙЙЙ Избранное Сервис Справка
** * "• ^ з .а; 'а -^ J ^ ^* -*g *
j АДрэс |«J http //htmbvebdesign/ChapterO'/Figure01-21 htm d
Загрузка программы
1. Вставьте компакт-диск в дисковод
2. Щелкните на пиктограмме "Пуск"
3. Загрузите программу
4. Играйте!
Список покупок
Хлеб
Молоко
Масло
Чай
Рис. 1.21. Web-страница с упорядоченным (слева) и неупорядоченным (справа)
списками
<html>
<head>
< titles-Пример упорядоченного cnnCKa
<Ь2>Загрузка программы
l>
<И>Вставьте компакт-диск в дисковод
<И>Щелкните на пиктограмме "Пуск"
<И>ЗагруэиФе программу
<И>Играйте!
Как показано в этом примере, чтобы обозначить упорядоченный список в
HTML-коде Web-страницы, поместите элементы списка между начальным и ко-
нечным дескрипторами упорядоченного списка (). Затем, чтобы доба-
Глава 1. Основы языка HTML 69
вить в список
|
|
