HTML-таблиц. Не получив определенных инструкций по форматированию, Web —
браузер поместит первый символ текста сразу же у левого поля и «завернет» (пе —
Глава 1. Основы языка HTML 67
рейдет на следующую строку), только дойдя до правого поля Web-страницы. По — мните: ширина окна браузера на компьютере посетителя определяется расстоя — нием между левым и правым полями Web-страницы. Кроме того, браузер завора — чивает текст на следующую строку, достигнув правой границы окна. Дескрипторы blockquote форматируют текст, смещая его вправо или увеличивая поля справа
и слева от блока цитирования. Поэтому использование блоков цитирования вы — деляет текст на общем фоне документа, что помогает должным образом органи — зовать содержимое на странице.
Например, следующий HTML-код описывает Web-страницу с заголовком и двумя абзацами текста, к которым применен стиль блоков цитирования (см. рис. 1.20):
68 Глава 1. Основы языка HTML
Создание упорядоченных и неупорядоченных списков
Выше в этой главе мы рассказали о нескольких способах компоновки содер — жимого на Web-странице. Упорядоченные и неупорядоченные списки — еще один инструмент, с помощью которого можно организовывать взаимосвязанный текст в группы маркированных или нумерованных элементов списка. Списки очень полезны для представления информации в структурированном виде. В упорядоченных (ordered) списках для организации Web-содержимого использует —
ся алфавитная или числовая система, а в неупорядоченных (unordered) каждый элемент списка идентифицируется символом, или маркером.
С помощью упорядоченных, или нумерованных, списков создайте пошаговые ин —
струкции, где имеет значение порядок элементов в списке. Приведенный ниже
HTML-код описывает упорядоченный список, показанный на рис. 1.21.
Как показано в этом примере, чтобы обозначить упорядоченный список в
HTML-коде Web-страницы, поместите элементы списка между начальным и ко —
нечным дескрипторами упорядоченного списка () . Затем, чтобы доба —
Глава 1. Основы языка HTML 69
вить в список элементы, поместите текст каждого элемента между начальным и
конечным дескрипторами элемента списка () .
По умолчанию Web-браузер отображает перед каждым элементом списка араб — скую цифру (1, 2, 3, 4, …), причем первый элемент получает номер 1. Если вы хоти —
те использовать вместо арабских цифр буквы или римские цифры, поместите в на —
чальный дескриптор упорядоченного списка атрибут type, как указано ниже:
• type=»i»>. Перечисляет элементы с использованием арабских цифр
(по умолчанию).
• type=»a»>. Перечисляет элементы с использованием букв нижнего регистра.
• type=»A»>. Перечисляет элементы с использованием букв верхнего регистра.
• . Перечисляет элементы с использованием римских цифр нижнего регистра.
• type=»i»>. Перечисляет элементы с использованием римских цифр верхнего регистра.
Чтобы начать упорядоченный список не с «Г1, а с другой цифры (или же не с
«а», а другой буквы) поместите в дескриптор атрибут start со значением, от — личным от «1″ . Например, упорядоченный список, в начале которого стоит сле —
дующий дескриптор , будет начинаться с буквы «е», поскольку «е» — пятая буква (английского) алфавита:
Аналогично, если вы присвоите атрибуту type значение «Г, чтобы указать,
что браузер должен ставить перед каждым элементом списка арабскую цифру,
браузер начнет список с элемента под номером 5.
Неупорядоченные списки позволяют создавать группы текста, в которых порядок
элементов в списке не имеет значения, — например, список покупок/Следующий
HTML-код создает неупорядоченный список, также показанный на рис. 1.21:
Чтобы обозначить неупорядоченный список в HTML-коде Web-страницы, по — местите элементы списка между начальным и конечными дескрипторами неупо —
рядоченного списка () . Как и в случае упорядоченного списка, для до — бавления элементов в неупорядоченный список следует поместить текст каждого
элемента между начальным и конечными дескрипторами списка () .
7 0 Глава 1. Основы языка HTML
По умолчанию Web-браузер отобразит в качестве маркера перед каждым эле —
ментом неупорядоченного списка жирную черную точку (•). Если вы хотите, что — бы браузер использовал в качестве маркера другой символ, выберите символ для представления маркера с помощью атрибута type, как указано ниже: