Презентація "Списки HTML"

Списки HTMLВиконала: Зякун Вікторія Вячеславівна

Приклад  списку HTMLМаркований список: Пункт. Пункт. Пункт. Пункт. Нумерований список: Перший елемент. Другий пункт. Третій пункт. Четвертий пункт

Маркований список HTMLМаркований список починається з

тега. Кожен елемент списку починається з
• тега. Елементи списку будуть позначені позначками (маленькі чорні кола) за замовчуванням: Приклад 1
    
  • Coffee
    
  • Tea
    
  • Milk

Маркований список HTML - вибір маркера для елементів спискуlist-style-type - Властивість CSS використовується для визначення стилю маркера елемента списку: Значення Описdisc. Встановлює маркером елемента списку капку(диск) (за умовчанням)circle. Встановлює маркером елемента списку колоsquareквадратnone. Відсутність маркера

Приклад 2 - коло  

Нумерований список HTMLУпорядкований список починається з 

тега. Кожен елемент списку починається з 
1. тега. Елементи списку будуть позначені номерами за замовчуванням: Приклад 4           
     
   1. Coffee
     
   2. Tea
     
   3. Milk

Нумерований список HTML - атрибут типу. Type атрибут 

тега, визначає тип номера елемента списку:типзначенняtype="1"Номери 1, 2,…(за замовчуванням)type="A"Великі латинські літери: A, B, C….type="a"Маленькі латинські літери: a, b, c…type="I"Великі римські числаtype="i"Маленькі римські числа. Цифри:  
1. Coffee
  
2. Tea
  
3. Milk

Списки HTML - описів. HTML також підтримує описи списків. Список опису - це список термінів з описом кожного терміна.

- тег визначає список опису, 

- тег визначає термін (ім’я),і 

 тег описує кожен термін: Приклад 5

  

Coffee

  

- black hot drink

  

Milk

  

- white cold drink

 

Багаторівневі списки HTMLСписок може бути вкладеним (списки всередині списків): Приклад 6

  
• Coffee
  
• Tea     
        
  1. Black tea
        
  2. Green tea
      
    
  
• Milk

Вкладені списки

Дякую за увагу!