Презентация на тему "HTML. Оформление списков"

• 1 слайд

  Язык разметки гипертекста HTML
  Язык разметки гипертекста HTML
  Оформление списков
  

• 2 слайд

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

• 3 слайд

  Язык разметки гипертекста HTML
  Нумерованный список
  <OL>
  </OL>
  <LI> ……… </LI>
  <LI> ……… </LI>
  <LI> ……… </LI>
  <LI> ……… </LI>
  …………………
  …………………
  …………………
  …………………
  …………………
  …………………
  ………………..
  …………………
  Элемент списка
  Элемент списка
  Элемент списка
  Элемент списка
  I. …………………
  II. …………………
  III. …………………
  IV. …………………
  e. …………………
  f. …………………
  g. …………………
  h. …………………
  

• 4 слайд

  Язык разметки гипертекста HTML
  Нумерованный список
  Изменить тип нумерации можно с помощью
  атрибута TYPE начального тега списка <OL>
  TYPE
  =
  a (a,b,c,d…)
  A (A,B,C,D…)
  1 (1,2,3,4…)
  I (I,II,III,IV…)
  По умолчанию
  

• 5 слайд

  Язык разметки гипертекста HTML
  Нумерованный список
  Изменить номер первого элемента можно с помощью
  атрибута START начального тега списка <OL>
  7. …………………
  8. …………………
  9. …………………
  10. …………………
  <OL TYPE=1 START=7>
  <LI> ………
  <LI> ………
  <LI> ………
  <LI> ………
  </OL>
  Примечание. Тег <LI> можно не закрывать.
  

• 6 слайд

  Язык разметки гипертекста HTML
  Маркированный список
  <UL>
  </UL>
  <LI> ……… </LI>
  <LI> ……… </LI>
  <LI> ……… </LI>
  <LI> ……… </LI>
  …………………
  …………………
  ………………..
  …………………
  …………………
  …………………
  ………………..
  …………………
  

• 7 слайд

  Язык разметки гипертекста HTML
  Маркированный список
  Изменить тип маркера можно с помощью
  атрибута TYPE начального тега списка <UL>
  TYPE
  =
  square ()
  disk (●)
  round или circle (o)
  По умолчанию
  

• 8 слайд

  Язык разметки гипертекста HTML
  Комбинированный список
  Это вложение разных видов списков:
  нумерованного списка в маркированный
  маркированного списка в нумерованный
  маркированного списка в маркированный
  нумерованного списка в нумерованный
  …………………
  1. ………
  2. ……..
  …………………
  1. ………….
  2. ………….
  …………………
  1. ……
  2. ……
  …………………
  1. ……
  2. ……
  I. …………………
  ………
  ……..
  II. …………………
  ………….
  ………….
  

• 9 слайд

  Язык разметки гипертекста HTML
  Комбинированный список
  
  …………………
  a. ………
  b. ……..
  …………………
  a. ………….
  b. ………….
  
  <UL TYPE=square>
  </UL>
  <LI> ………
  <LI> ………
  <OL TYPE=a>
  </OL>
  <LI> ………
  <LI> ………
  <OL TYPE=a >
  </OL>
  <LI> ………
  <LI> ………