Списки HTML

Нумерованный список:
<ol> - начало списка;    <ol start=N> , где N - Указание, с какого элемента начинается список (N - либо целое число, записанное арабскими цифрами, либо число, записанное римскими цифрами, либо латинская буква).
</ol> - конец списка.
1.  список, пронумерованный арабскими цифрами:

<ol type=1>
<li>первый элемент</li>
<li>второй элемент</li>
           ..... 
<li>N - элемент</li>
</ol>
       Пример списка:     

           

  1. первый элемент
  2.        

  3. второй элемент
  4.        

  5. ......
  6.        

  7. N - элемент


2. Список, пронумерованный римскими цифрами:

<ol>
<li style="list-style-type:upper-roman">первый элемент</li>

<li style="list-style-type:upper-roman">второй элемент</li>
           ..... 
<li style="list-style-type:upper-roman">N - элемент</li>
</ol>

       Пример списка:

           

  1. первый элемент
  2.        

  3. второй элемент
  4.        

  5. ......
  6.        

  7. N - элемент

3. Список, пронумерованный римскими цифрами (строчными буквами латинского алфавита):

<ol>
<li style="list-style-type:upper-latin">первый элемент</li>

<li style="list-style-type:upper-latin">второй элемент</li>
           ..... 
<li style="list-style-type:upper-latin">N - элемент</li>
</ol>

       Пример списка:

           

  1. первый элемент
  2.        

  3. второй элемент
  4.        

  5. ......
  6.        

  7. N - элемент

4. Список, пронумерованный заглавными латинскими буквами:

<ol>
<li style="list-style-type:lower-roman">первый элемент</li>

<li style="list-style-type:lower-roman">второй элемент</li>
           ..... 
<li style="list-style-type:lower-roman">N - элемент</li>
</ol>

       Пример списка:

           

  1. первый элемент
  2.        

  3. второй элемент
  4.        

  5. ......
  6.        

  7. N - элемент

5.Список, пронумерованный строчными латинскими буквами:

<ol>
<li style="list-style-type:lower-latin">первый элемент</li>

<li style="list-style-type:lower-latin">второй элемент</li>
           ..... 
<li style="list-style-type:lower-latin">N - элемент</li>
</ol>

       Пример списка:

           

  1. первый элемент
  2.        

  3. второй элемент
  4.        

  5. ......
  6.        

  7. N - элемент

  Маркированный список:
<ul> - начало списка; </ul> - конец списка.
1. Вид маркера в списке - окружность:

<ul>
<li style="list-style-type:circle">первый элемент</li>
<li style="list-style-type:circle">второй элемент</li>
           ..... 
<li style="list-style-type:circle">N - элемент</li>
</ul>
       Пример списка:     

           

  • первый элемент
  •        

  • второй элемент
  •        

  • ......
  •        

  • N - элемент

2. Вид маркера в списке - круг:

<ul type=disc>
<li>первый элемент</li>
<li>второй элемент</li>
           ..... 
<li>N - элемент</li>
</ul>
       Пример списка:     

  • первый элемент
  •        

  • второй элемент
  •        

  • ......
  •        

  • N - элемент

       

..
3. Вид маркера в списке - квадрат:

<ul>
<li style="list-style-type:square">первый элемент</li>
<li style="list-style-type:square">второй элемент</li>
           ..... 
<li style="list-style-type:square">N - элемент</li>
</ul>
       Пример списка:     

           

  • первый элемент
  •        

  • второй элемент
  •        

  • ......
  •        

  • N - элемент

4. Маркеры - картинки:

<dl>
<dd><img src=URL-картинки align=absmiddle> первый элемент</dd>
<dd><img src=URL-картинки align=absmiddle> второй элемент</dd>
<dd><img src=URL-картинки align=absmiddle> ......</dd>
<dd><img src=URL-картинки align=absmiddle> N - элемент</dd> </dl>
       Пример списка:     
       11 элемент        22 элемент         ..........        NN-элемент

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *