Для перечисления информации удобно применять маркированные или нумерованные списки. В таких списках каждый новый элемент выделяется маркером или ему присваивается порядковый номер.
Маркированные списки задаются парными тегами
<UL>..... </UL>
Элементы списка начинаются с тега <LI>, закрывающий тег </LI> не обязателен. Например:
<UL>
<LI> первый элемент списка
<LI> второй элемент списка
</UL>
При помощи атрибута type можно задать следующие типы маркера:
− circle - круг без заливки
− dist - круг с заливкой (используется по умолчанию)
− sguare - квадрат
Пример 3. Маркированные списки
<UL>
<LI> Программы организации коллективной работы
<LI> Lotus Notes
<LI> Просмотр WWW
<LI> Написание книг по компьютерной тематике
<LI> Бродвейские мюзиклы и театр
</UL>
Нумерованные списки.
Нумерованный список обозначается парными тегами <OL>... </OL>. <OL>
<LI> первый элемент списка
<LI> второй элемент списка
</OL>
Атрибутом type можно задать тип нумерации:
|
|
− 1 - используются арабские цифры
− A и a - большие или малые буквы латинского алфавита
− I и i - большие или малые римские цифры
Атрибутом start можно задать номер первого элемента в списке.
Пример 4. Нумерованные списки
<OL TYPE=1>
<LH><B>График моего путешествия по Европе</B></UH>
<LI>Прибытие самолетом в Париж
<LI>Ночной переезд в Берлин
<LI>Поезд в Вену
<LI>Самолет в Рим
<LI>Остановка в Ницце
<LI>Возвращение в Париж, самолет домой
</OL>
Списки в списках.
Можно также использовать списки внутри других списков:
Пример 5.1 Списки в списках
<OL TYPE=1>
<LH><B>Дополненный график путешествия по Европе</B></LH>
<LI>Прибытие самолетом в Париж
<UL>
<LI>Подняться на Эйфелеву башню
<LI>Посетить Лувр
</UL>
<LI>Ночной переезд в Берлин
<UL>
<LI>Посетить знаменитую Берлинскую стену
<LI>Съесть колбасы и выпить пива
</UL>
<LI> Поезд в Вену
<LI>Самолет в Рим
<LI>Остановка в Ницце
<UL>
<LI>Позагорать на пляже
<LI>Проиграть много денег
</UL>
<LI>Возвращение в Париж, самолет домой
</OL>
Приведем пример с возвратом к началу страницы:
Пример 5.2 Списки в списках
<HTML>
<HEAD>
<TITLE>Использование списков и меню в документах</TITLE>
</HEAD>
<BODY BGCOLOR ="WHITE", TEXT="BLACK", LINK="BLUE", ALINK="RED", VLINK="NAVY">
<H1 ALIGN=CENTER>Списки и меню в HTML документах</H1>
<HR>
<A NAME=MENU>Главное меню<A/>
<MENU>
<LH><B>Виды списков в HTML</B>
<LI><A HREF="#OL">Упорядоченный список</A>
<LI><A HREF="#UL">Неупорядоченный список</A>
<LI><A HREF="#DIR">Список каталогов</A>
<LI><A HREF="#DL">Список определений</A>
</MENU>
<HR>
<A NAME=OL>Упорядоченный список<A/>
<OL TYPE=1>
<LH><B>Сотрудники отдела</B>
<LI>Иванов
<LI>Петров
<LI>Сидоров
<LI>Зайцев
</OL>
<A HREF="#MENU">Вернуться к меню</A>
<p><A NAME=UL>Неупорядоченный список<A/>
<UL TYPE=SQUARE>
<LH><B>Сотрудницы отдела</B>
<LI>Иванова
<LI>Петрова
<LI>Сидорова
<LI>Зайцева
</UL>
<A HREF="#MENU">Вернуться к меню</A>
<p><A NAME=DIR>Список каталогов<A/>
<DIR>
<LI>VSTUDIO
<DIR>
<LI>Project1
<LI>Project2
<LI>Project3
<LI>Project4
</DIR>
</DIR>
<A HREF="#MENU">Вернуться к меню</A>
<p><A NAME=DL>Список определений<A/>
<DL>
<DT>JavaScript
<DD>Язык разработки сценариев интерактивного управления для Web-страниц, разработанный фирмой Netscape на основе языка Java (Sun). Поддерживается всеми современными броузерами.
<DT>VBScript
<DD>Язык разработки сценариев интерактивного управления для Web-страниц, разработанный фирмой Microsoft на основе языка VBasic. Поддерживается Internet Explorer.
</DL>
<A HREF="#MENU">Вернуться к меню</A>
<HR>
<P ALIGN=CENTER>© 2001 Вебмастер
<A HREF="mailto:myname@mail.ru">Попробуй связаться со мной</A>
</BODY>
</HTML>
|
|
Оформление текста. Заголовки.
По умолчанию браузер отображает текст в одну строку по ширине окна с выравниванием по левому краю. Для перехода на следующую строку можно использовать одиночный тег BR. Тег можно вставлять в любом месте текста.
При использовании тега BR браузер отображает текст как один абзац, для разделения текста на абзацы используется элемент P, который задаётся парными тегами <P>.... </P>. Закрывающий тег </P> не обязателен.
Чтобы полностью сохранить исходное форматирование текста можно использовать элемент PRE, который задаётся парными тегами <PRE>.... </PRE>. При использовании этого элемента тест сохраняет исходное форматирование и отображается моноширным шрифтом.
При необходимости запретить разрыв строк можно использовать элемент NOBR, который задаётся парными тегами <NOBR>.... </NOBR>. Текст расположенный между этими тегами будет отображаться в одну строку и если он не будет помещаться в окне браузера, то браузер отобразит горизонтальную линию прокрутки.