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, как указано ниже: