Меню
» Шаблоны
» Скрипты
» Иконки
» Анимация
» Фоны
» Учебник HTML
» Учебник CSS
» Учебник JAVASCRIPT
» Создание сайта
» Оптимизация сайта
» Размещение сайта
» Раскрутка сайта

Учебник HTML

Представление информации в виде списков

Как известно, представление информации в виде списка помогает систематизировать и облегчает восприятие текста. НТМL позволяет применять списки трех видов.

  • Нумерованные списки. Могут использоваться для описания последовательности действий. Начинается нумерованный список тегом <OL> (Ordered List - упорядоченный список), начало каждого элемента помечается тегом <LI>, а в конце списка стоит тег </OL>.
  • Маркированные списки. Могут применяться для выделения коротких предложений или представления ряда элементов при перечислении. В начало маркированного списка вводится тег <UL> (Unordered List - неупорядоченный список), каждый элемент обозначается тегом <LI>, а в конце списка ставится тег </UL>.
  • Списки определений. Позволяют представить информацию в таком виде, как она дается в толковых словарях (короткая строка, за которой следует абзац с отступом). В начале списка применяется тег <DL> (Definition List - список определений), каждый термин обозначается тегом <DT>, каждое определение — тегом <DD>, а в конце списка содержится тег </DL>.

Ниже в качестве примера приведен код нумерованного списка:

<OL>
<LI>Выберите книги и авторов, которых хотите порекомендовать.
<LI>Напишите краткое резюме по каждой книге.
<LI>0тправьте свои рекомендации на сайт.
</OL>

Код маркированного списка (со вступительным абзацем) выглядит так:

<P>3а последнее время мы прочли следующие книги:</Р>
<UL>
<LI>"Месть Ронана". автор Джеймс Бибби.
<LI>"Мир попрошаек". автор Дэниел Худ.
<LI>"Небеса Перна". автор Энн Маккефри.
</UL>

Код списка определений (с начальным абзацем) имеет следующий вид:

<Р>Литературные термины :</Р>
<DL>
<DT>Интрига
<DD>Действия. описанные в повествовании.
<DT>Главный герой
<DD>Главное действующее лицо в книге.
<DT>Обстановка
<DD>Время, место и условия, при которых происходит действие.
<DL>

[Вернуться к содержанию...]
© Leonardo-studio 2006
Hosted by uCoz