чилка HTML
 
тэги Списка



Тэги списка

Списки бывают двух типов:
  1. Пронумерованный список.
  2. Непронумерованный список.

Список - пронумерованный
<OL type = A|a|I|i|1 start = n >
  <LI> данные... </LI>
</OL>
type = A|a|I|i|1 - вид нумератора 
  • A - большие латинские буквы (A,B,C...)
  • a - маленькие латинские буквы (a,b,c...)
  • I - большие римские цифры (I,II,III...)
  • i - маленькие римские цифры (i,ii,iii...)
  • 1 - обычные цифры (1,2,3...)
start = nn - число, с которого
начинается отсчет
Пример:  (пронумерованный список)

Пишем в документе на HTML:

<ol type=I> <li>Рецепт приготовления салата.</li> <ol type=A> <li>Советы:</li> <ol> <li>совет хороший</li> <li>совет плохой</li> </ol> <li>Замечания:</li> <ol start=3> <li>замечание 1</li> <li>замечание 2</li> </ol> </ol> <li>Рецепт приготовления питцы.</li> </ol>


Результат на Web-странице:
  1. Рецепт приготовления салата.
    1. Советы:
      1. совет хороший
      2. совет плохой
    2. Замечания:
      1. замечание 1
      2. замечание 2
  2. Рецепт приготовления питцы.


Списк - непронумерованный
<UL type = disc|circle|square >
  <LI> данные... </LI>
</UL >
type = disc| circle| square - внешний вид маркера
disc - диск (по умолчанию)
circle - круг
square - квадрат

 

 

Тэг <LI> может иметь параметры:

TYPE = вид маркера (или счетчика)

VALUE = значение для элемента
пронумерованного списка (его номер)

Пример 1:
Пишем в документе на HTML: <ul> <li>текст 1</li> <li>текст 2</li> <li>текст 3</li> </ul>
Результат на Web-странице:
  • текст 1
  • текст 2
  • текст 3


Пример 2:
Пишем в документе на HTML: <ul type=circle> <li>текст 4</li> <li>текст 5</li> <li>текст 6</li> </ul>
Результат на Web-странице:
  • текст 4
  • текст 5
  • текст 6


Пример 3:
Пишем в документе на HTML: <ul type=square> <li>текст 7</li> <li>текст 8</li> <li>текст 9</li> </ul>
Результат на Web-странице:
  • текст 7
  • текст 8
  • текст 9


Список - определений
Общая структура
списка определений:

<DL>
  <DT> "термин"
  <DD> "описание"
</DL>
Пример:

Пишем в документе на HTML: <DL> <DT>Тип 1 <DD>описание 1, описание 1, <br>описание 1 <DT>Тип 2 <DD>описание 2, описание 2, <br>описание 2, описание 2 ... </DL>
Результат на Web-странице:
Тип 1
описание 1, описание 1,
описание 1
Тип 2
описание 2, описание 2,
описание 2, описание 2 ...

 

 

 

 

Copyright © Москва
Училка HTML: сайт  u4ilka.kcbux.ru


-->