Пример использования тэгов HTML для создания
упорядоченных структур в виде списков
- Разметка в виде иерархического меню
- Как расставить номера в списке
- Другие возможности
- Как на странице организовать переход по гиперссылке
- Разметка в виде иерархического меню
На странице расположено иерархическое меню, которое формируется
с использованием нескольких тэгов. Самым верхним уровнем являет-
ся наименование раздела, для которого введена нумерация римскими
цифрами. Более низкий уровень определяется тэгом MENU
Возврат к началу страницы
Тэг списка
Обозначение списка осуществляется тэгом <OL>,
который позволяет определить нумерацию с помощью
атрибута TYPE, в данном примере использованы рим-
ские цифры, начиная с I
Возврат к началу страницы
Задание свойств
В любом меню стремятся абзацы или строки обозначить либо
декоративными значками, либо буквами или символами, для
такого обозначения используют тэг <UL> с атрибутом
TYPE=(декоративное описание обозначения), возможны три
варианта: DISC-темный диск, CIRCLE-окружность, SQUARE-
квадрат
Возврат к началу страницы
Общий синтаксис
Для точности, необходимо напомнить, что броузеры выполняют
некоторые предписания по умолчанию, поэтому когда появляет-
ся необходимость выполнить более корректно, какие-то дей-
ствия, то необходимо использовать полный синтаксис опреде-
ления списков, который заключается в следующем:
<OL/UL/LI START=n (номер первого элемента списка) TYPE=(стиль списка)
Возврат к началу страницы
Как расставить номера в списке
Тэг <LI> служит для обозначения номера или декоративного
обозначения списка, если необходимо указать стиль, то его вид зада-
атрибутом TYPE=(" цифра или буква", или иля декоративного оформления)
Возврат к началу страницы
Другие возможности
Аналогично тэгу <UL> можно использовать тэг <DIR>, который
позволяет формировать элементы списка длиной не более 20 символов.
Возврат к началу страницы
Размещение в несколько колонок
Ранее уже было дано описание двойного тэга <PRE>, который сохраняет все
необходимые пробелы и символы табуляции, следовательно можно заранее раз-
метить текст и ввести его, как бы состоящий из двух или нескольких коло-
нок, но это довольно неудобно. Поэтому в Natscape Navigator существует
возможность использовать двойной тэг <MULTICOL>, у которого существуют
параметры: COLS-для задания количества столбцов, CUTTER-для задания рас-
стояния между столбцами в пикселах и WIDTH-для задания ширины столбца.
Возврат к началу страницы
Выравнивание текстов
Для выделения текста с отступом вправо от левого края используют тэг <DD>,
который удобен тем, что не надо заботиться о длине вводимого текста, в зави-
симости от ширины окна броузера будет всегда осуществляться перенос текста
по словам и отступ слева будет сохраняться (это одиночный тэг), отмена его
действия выполняется тэгом <DT>
Возврат к началу страницы
Как на странице организовать переход по гиперссылке
В примере 10 использованы гиперссылки, которые действуют в пределах только
данного документа (это одна Web-страница). Вместо указания адреса другого
файла или документа в сети Интернет, следует расставить метки, которые оп-
ределяются персональным именем с помощью атрибута NAME. В качестве примера
можно рассмотреть следующую конструкцию: <A HREF="met9"></A>
Внутри тэга A указано имя метки "met9" и наименование текста, который
становится гиперссылкой. Привязка к началу нужного текста осуществляется опять
конструкцией тэга A, но уже в явном виде указывается имя метки, выглядит это
следующим образом: <A NAME="met9"></A>
Далее начинается текст, к которому осуществляется переход по гиперссылке
(в данном случае переход осуществлен к наименованию данного подраздела.
Возврат к началу страницы
