2010-08-23

Списки 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-элемент

Комментариев нет :

Отправить комментарий

Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML
Публикуя комментарии, вы соглашаетесь с политикой конфиденциальности