Студопедия

КАТЕГОРИИ:


Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)

Упорядоченный (нумерованный) список




Нумерованные списки.

Тема: Нумерованные, маркированные и смешанные списки

 

План:

1. Нумерованные списки.

2. Маркированные списки.

 

 

В HTML-документе можно представить информацию различными способами. Одним из наиболее эффективных форматов являются списки. Они легки для восприятия и могут представлять последовательность процедур, опции для выбора решений, перечень ссылок, меню и т.д. Мы встречаемся со списками ежедневно. Они есть везде – в ресторанных меню, энциклопедиях и телефонных справочниках – и являются фундаментальным способом организации и представления информации.

HTML имеет специальные элементы-контейнеры для представления данных в виде списков. Основными типами списков являются нумерованные и маркированные списки, меню, перечни каталогов и определений. Для получения дополнительных эффектов различные типы списков могут вкладываться друг в друга.

В HTML список состоит из тэга-контейнера списка, определяющего его тип, и стандартных тэгов <LI>, предваряющих каждый пункт списка. Упорядоченный список используется для нумерованного перечисления отдельных пунктов или указания последовательности каких-то действий. Когда программа просмотра встречает тэг упорядоченного списка, она последовательно нумерует пункты списка: 1, 2, 3 и т.д.

Тэг <OL>.

Упорядоченный список открывается тэгом <ОL>, а каждый его пункт начинается стандартным тэгом <LI>. Для создания заголовка списка используется специальный тэг <LH>. Список закрывается тэгом </OL>. Открывающий и закрывающий тэги обеспечивают перевод строки до и после списка, отделяя таким образом список от остального текста, поэтому здесь нет необходимости использовать тэги абзаца <Р>.

Примечание:

Тэги абзаца можно использовать для отделения пунктов списка друг от друга. Внутри списка можно применять тэги стилей (как физические, так и логические, например, <EM> и <I>), и другие элементы HTML. Тэги заголовков также правильно интерпретируются браузерами, хотя принудительный перевод строки может испортить вид списка. Строгие приверженцы SGML обычно возражают против использования заголовков, указывая, что заголовки нужны для структуризации текста, а не списков.

<HTML>

<HEAD>

<TITLE>ordered List Example</TITLE>

</HEAD>

<BODY>

<OL>

<LH><EM>Цвета спектра:</EM><BR>

<LI>Red (Красный)

<LI>Orange (Оранжевый)

<LI>Yellow (Желтый)

<LI>Green (Зеленый)

<LI>Blue (Синий)

<LI>Indigo (Индиго)

<LI>Violet (Фиолетовый)

</OL>

</BODY>

</HTML>

 

Упорядоченные списки допускают вложения друг в друга.

<HTML>

<HEAD>

<TITLE>Пример вложенного нумерованного списка</TITLE>

</HEAD>

<BODY>

<OL>

<LH><EM>Планеты Солнечной системы:</EM><BR>

<LI>Меркурий

<OL>

<LI>57.9 миллионов километров от Солнца

<LI>не имеет спутников

</OL>

<LI>Венера

</OL>

</BODY>

</HTML>

Совет:

Используйте отступы и пустые строки для лучшей читабельности кода вашего HTML-документа. Они игнорируются программами просмотра и сильно помогают при редактировании.

Новые атрибуты тэга <OL>.

В HTML версии 3.2 впервые введены несколько новых атрибутов тэга <OL>. Их возможности ранее предоставлялись некоторыми расширениями программы Netscape, которые пользовались популярностью у пользователей. Теперь те же возможности предоставляют атрибуты, ставшие частью HTML.

Они позволяют устанавливать вид маркеров элементов списка, а также задавать начальный маркер списка. В табл. 1 приведены новые атрибуты тэга <ОL> и их назначение.

Таблица 1.

Атрибут Назначение
СОМРАСТ Представляет список в более компактном виде.
TYPE=A Устанавливает маркер в виде прописных букв.
TYPE=а Устанавливает маркер в виде строчных букв.
TYPE=I Устанавливает маркер в виде больших римских цифр.
TYPE=i Устанавливает маркер в виде маленьких римских цифр.
TYPE=1 Устанавливает маркер в виде арабских цифр.
START=n Устанавливает начальный маркер в текущем списке.

Использование разных типов маркеров позволяет лучше выделять один список из другого.

 

2. Маркированные списки

Тэг <UL>.

Неупорядоченный список вместо буквенной или цифровой нумерации предполагает использование различных символов, называемых маркерами списка (bullets). Как и в упорядоченных списках, здесь также обеспечивается перевод строки до и после списка, а также допускается вложенность списков. Список располагается внутри контейнера <UL>. Программы просмотра создают автоматический отступ для вложенных списков и сами разнообразят маркеры, вид которых зависит от типа программы.

Новые атрибуты тэга <UL>.

Как и в случае тэга <OL>, для тэга <UL> в HTML используются расширения браузера Netscape по управлению видом маркеров. Теперь можно устанавливать их вид в неупорядоченных списках при помощи атрибута ТУРЕ, который допускает три значения: disc, square и circle.




Поделиться с друзьями:


Дата добавления: 2014-12-23; Просмотров: 779; Нарушение авторских прав?; Мы поможем в написании вашей работы!


Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет



studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление




Генерация страницы за: 0.012 сек.