Введение в язык HTML - Дополнительные Tag-и языка HTML

Дополнительные Tag-и языка HTML

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

Списки в html

HTML поддерживает ненумерованные, нумерованные и списки-определений.

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

Для создания ненумерованного списка,

1. Начните с открытия списка с помощью <UL> tag-а.
2. Наберите <LI> tag и, за ним, элемент списка. (Закрывающий tag </LI> не нужен.)
3. Наберите tag, закрывающий список </UL>.

Ниже представлен пример списка из двух элементов:

    <UL>
    <LI> яблоки
    <LI> бананы
    </UL>

На выходе увидим:

• яблоки
• бананы

Элемент <LI> может содержать в себе множество параграфов. Не забудьте разделять параграфы с помощью <P>.

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

Нумерованный список (также называемый "порядковым" списком. От него происходит название tag-а) идентичен ненумерованному списку, исключая использование <OL> вместо <UL>. Элементы определяются использованием tag-а <LI>. Следующий HTML текст

    <OL>
    <LI> апельсины
    <LI> персики
    <LI> виноград
    </OL>

будет приводить к выводу:

1. апельсины
2. персики
3. виноград

Список определений

Список определений обычно содержит описание термина (абревиатура DT) и его определение (абревиатура DD). Web просмотрщик обычно начинает определение с новой строки.

Это пример списка определений:

    <DL>
    <DT> NCSA
    <DD> NCSA, the National Center for Supercomputing Applications,
         (Национальный центр приложений для суперкомпьютеров),
         расположен на территории University of Illinois 
         at Urbana-Champaign. NCSA - один из участников
         National MetaCenter for Computational Science and Engineering
         (Национальный центр компьютерной науки и инженерии).
    <DT> Cornell Theory Center
    <DD> CTC расположе на территории Cornell University in Ithaca,
         New York. CTC также участник National MetaCenter
         for Computational Science and Engineering.
    </DL>

Вывод выглядит следующим образом:

NCSA

NCSA, the National Center for Supercomputing Applications, (Национальный центр приложений для суперкомпьютеров), расположен на территории University of Illinois at Urbana-Champaign. NCSA - один из участников National MetaCenter for Computational Science and Engineering (Национальный центр компьютерной науки и инженерии).

Cornell Theory Center

CTC расположе на территории Cornell University in Ithaca, New York. CTC также участник National MetaCenter for Computational Science and Engineering.

<DT> и <DD> могут содержат множество параграфов (разделенных tag-ом <P>), списков, или другой определяющей информации.

Вложенные списки

Списки могут быть произвольно вложенными друг в друга, хотя на практике лучше ограничиваться 3-мя уровнями вложенности. У вас также может быть несколько параграфов, каждый из которых содержит вложенный список, и все это в единственном элементе основного списка.

Пример вложенного списка:

    <UL>
    <LI> A few New England states:
        <UL>
        <LI> Vermont
        <LI> New Hampshire
        </UL>
    <LI> One Midwestern state:
        <UL>
        <LI> Michigan
        </UL>
    </UL>

И вложенный список будет выглядеть на экране так:

• A few New England states:
  • Vermont
  • New Hampshire
• One Midwestern state:
  • Michigan