Тема 1.3. Тэги списков

Тема 1.3. Тэги списков
Цель: Научить студентов создавать различные виды списков в HTML-документах
Существует три основных вида списков в HTML-документе:
нуменрованный
ненуменрованный
список описаний
Можно создавать вложенные списки, используя различные тэги списков или повторяя одни внутри других. Для этого необходимо разместить одну пару тэгов внутри другой. Будут ли элементы вложенного списка иметь те же маркеры, обозначающие элемент списка - зависит от браузера.
Нумерованные списки
В нумерованном списке браузер автоматически вставляет номера элементов по порядку. Это означает, что если вы удалите один или несколько элементов нумерованного списка, то остальные номера автоматически будут пересчитаны.
Пронумерованный список начинается стартовым тэгом

и завершается тэгом

. Каждый элемент списка начинается с тэга

. Например:


1. Программирование 
2. Алгоритмизация 
3. Проектирование 

Программирование
Алгоритмизация
Проектирование
Тэг

может иметь параметры:


где:
TYPE
Вид счетчика:
A - большие латинские буквы (A,B,C...)
a - маленькие латинские буквы (a,b,c...)
I - большие римские цифры (I,II,III...)
i - маленькие римские цифры (i,ii,iii...)
1 - обычные цифры (1,2,3...)
START=n
Число, с которого начинается отсчет
Например:


15. Программирование 
16. Алгоритмизация 
17. Проектирование 

Программирование
Алгоритмизация
Проектирование

Ненумерованные (маркированные) списки.
Для ненумерованных списков браузер обычно использует маркеры для пометки элемента списка. Вид маркера, как правило, настраивает пользователь браузера.
Пронумерованный список начинается стартовым тэгом
и завершается тэгом
. Каждый элемент списка начинается с тэга
1. . Например:
   
   
   • Программирование 
   • Алгоритмизация 
   • Проектирование 
   
   Программирование
   Алгоритмизация
   Проектирование
   Тэг
   может иметь параметр:
   
   
   Тип тэга
   определяет внешний вид маркера как вид по умолчанию (disc), круглый (circle) или квадратный (square). Например:
   
   
   • Программирование 
   • Алгоритмизация 
   • Проектирование 
   
   Программирование
   Алгоритмизация
   Проектирование
   
   Вложенные списки
   Дадим пример вложенных списков:
     

   Список сотрудников КИТиЭ

   

   Составлено : сентябрь 2014 года

   Данный список содержит фамилии, имена и отчества

   Список может быть использован только в служебных целях.

   

   
   1. Дирекция 
      
      • Нахушева Ф.Б. 
      • Кимова И.М.. 
      
   2. Отделения 
      
      • бухгалтерский учет 
      • программирование 
      
    
   Вот, что вы увидите на экране браузера:
   Список сотрудников КИТиЭ
   Составлено : сентябрь 2014 года
   Данный список содержит фамилии, имена и отчества
   Список может быть использован только в служебных целях.
   Дирекция
   Харченко Р.А.
   Кимова И.М.
   Отделения
   Бухгалтерский учет
   Программирование
   
   
   Элемент списка
   • 
     Тэг
   • может иметь параметры:
     
     или
     
     в зависимости от того, в списке какого вида находится данный элемент.
     TYPE
     Вид маркера (см.
     ) или счетчика (см.OL)
     VALUE=n
     Значение для элемента пронумерованного списка (его номер). Все дальнейшие номера элементов списка будут отсчитываться от этого номера.
     Например:
     
     
     15. Программирование 
     25. Алгоритмизация 
     26. Проектирование 
     
     Программирование
     Алгоритмизация
     Проектирование
     
     Список определений
     Список определений начинается с тэга

     и завершается тэгом

     . Данный список служит для создание списков типа "термин"-"описание". Каждый термин начинается тэгом
     , а описание - тэгом
     . Например:
     

     

     Отдел маркетинга 

     Данный отдел занимается продвижением продуктов и услуг 

     Финансовый отдел 

     Данный отдел занимается всеми финансовыми операциями 

     Отдел кадров 

     Данный отдел занимается учетом и набором новых сотрудников фирмы, распределением отпусков, отслеживанием больничных листов и т.д. 

     
     Отдел маркетинга
     Данный отдел занимается продвижением продуктов и услуг
     Финансовый отдел
     Данный отдел занимается всеми финансовыми операциями
     Отдел кадров
     Данный отдел занимается учетом и набором новых сотрудников фирмы, распределением отпусков, отслеживанием больничных листов и т.д.
     
     
     
     
     
     
     
     
     
     
     13PAGE 15
     
     
     13PAGE 14215