Презентация по теме "Списки"

Уроки HTML

Списки

Преподаватель: А.Н. Федорова

Списки

• Маркированные списки
• Нумерованные списки
• Вложенные списки
• Списки определений
• Упражнение

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

Маркированные  списки - это списки, в которых элементы списка отмечаются маркерами. Для установки маркированного списка используются теги 

 и 

• Тег 

   - unordered list (неупорядоченный список).  Тег 
  •  - list item (элемент списка) Код, написанный таким образом 
     
    •  Книги 
     
    •  Электроника 
     
    •  CD и DVD 
     
      будет отображен на экране так: 
    

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

    Маркеры могут принимать один из трех видов: круг (по умолчанию), окружность и квадрат. Для выбора типа маркера используется параметр  type=...  тега 

    .
    

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

    Нумерованные  (или упорядоченные) списки представляют собой списки из пронумерованных пунктов.

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

     вместо 
      Тег 
     - ordered list (упорядоченный список). 

    Самый простой список имеет следующий код:

    1.  Выйдете на станции метро Войковская.
    2.  Сядьте на троллейбус 57 маршрута.
    3.  Выйдете на четвертой остановке. 
    4.  Перейдите дорогу. Я Вас буду ждать у киоска.
    На экране он отобразится так:
    

    Вид и тип нумерации зависит от параметров тега 

    

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

    Вложенный  список - это список, размещенный внутри другого списка.

    Например, код

     
    1.  Крупные города России:        
               
       •  Москва         
       •  Санкт-Петербург        
        
    2.  Крупные города Украины:         
               
       •  Киев         
      отобразится на экране так:
    

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

    Списки определений  являются способом определения терминов и понятий. Списки определений состоят из трех элементов: элемента списка определений  ... , элемента определения термина  ... , элемента определения описания  ... .

    Код примера        Пиксель        Элементарная цветная точка, совокупность которых образует изображение.        Экспозиция        Количественная мера световой энергии, падающая на светочувствительный элемент.        Диафрагма         Параметр, регулирующий количество света, который освещает матрицу. отобразится в браузере так:

    

    Упражнение 3

    Создайте по образу  html-документ с соблюдением всех элементов оформления списков.

    Выложите получившийся файл в личный каталог, и откройте Вашу страничку в браузере.