Персональный сайт - Создание списков
Четверг, 17.05.2012, 06:44
Приветствую Вас Гость | RSS
Империя работы в интернете
Главная | Создание списков | Регистрация | Вход
Меню сайта
Форма входа
E-mail:
Пароль:
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Яндекс цитирования Яндекс.Метрика

Создание списков в HTML

В HTML есть возможность, составлять автоматически как нумерованные, так и маркированные списки. Создаются списки с помощью двух видов парных тэгов, для каждого вида списка

1.Нумерованные списки

Для создания нумерованных списков используются тэги <ol > </ol > (начало и конец списка), < li > < /li >(начало и конец строки) Параметры тэга ol - start и type По умолчанию (start=1) и нумерация начинается с 1. Для изменения нумерации, необходимо изменить значение параметра start причем значение можно подставлять и отрицательным со знаком минус.
    Вот пример списка из трех строчек в html-коде
<ol>
   <li>первая строка</li>
   <li>вторая строка</li>
   <li>третья строка</li>
</ol>
В браузере отразится такой список:

  1. первая строка
  2. вторая строка
  3. третья строка

Попробуем в тег ol. добавить значение параметра start. Внеся такое изменение < ol start=0 >, оставив отальное без изменения.
    Получим

  1. первая строка
  2. вторая строка
  3. третья строка

Подставив вместо 0, -1 получим следующую нумерацию:

  1. первая строка
  2. вторая строка
  3. третья строка

Попробуйте самостоятельно заменить значение параметра start и увидите, как изменится порядок нумерации
По умолчанию, используется арабская нумерация - параметр type=1 Возможны следующие варианты параметра type
A - большие латинские буквы;   a - малые латинские буквы;   I - большие римские цифры;   i - малые римские буквы;   1 - арабские цифры
Нумерация кирилицой не предусмотрена. Попробуем в тэг ol помимо параметра start=2, добавить параметр type, дав ему значение А. Внесенные изменения будут выглядеть следующим образом: < ol start=2 type=A >

Список примет следующий вид:

  1. первая строка
  2. вторая строка
  3. третья строка
  1. первая строка
  2. вторая строка
  3. третья строка

Тэг li обладает то же двумя параметрами:value - аналог параметра start и type. Зададим парметры тэга li value=1 и type=a, для третьей строчки
     html-код списка примет такой вид:
<ol start=1 type=1>
   <li>первая строка</li>
   <li>вторая строка</li>
   <li type=a value=1>третья строка</li>
   <li>четвертая строка</li>
   <li>пятая строчка строка</li>
   <li>шестая строка</li>
</ol>
    В браузере список отобразится следующим образом:

  1. первая строка
  2. вторая строка
  3. третья строка
  4. четвертая строка
  5. пятая строчка строка
  6. шестая строка

Как видим, нумерация списка изменилась с 3й строчки, в 4-6й строчки нумерация идет согласно заданному в тэге li параметру value=1 и параметру type=1, заданному в тэге ol. Кроме этого возможно выровнять список, по центру, по левому или правому краю краю, либо по ширине экрана. Для этого необходимо задать соответствующее значение параметру style: center - по центру; left- по левому краю; right - по правому краю; justify - по ширине экрана. По умолчанию выравнивание идет по левому краю. Попробуем в тэг ol добавить значение параметра style="text-align: center;" (при добавлении не забывайте про кавычки)
    В браузере список отобразится следующим образом:

  1. первая строка
  2. вторая строка
  3. третья строка
  4. четвертая строка
  5. пятая строчка строка
  6. шестая строка

В тэг li так же можно задавать значение параметра style, отличное от параметра, заданного в тэге ol - будет выравниваться отдельно каждая строчка списка, зачем это надо не знаю, но сделать так можно.

Друзья сайта
  • Создать сайт
  • Все для веб-мастера
  • Программы для всех
  • Мир развлечений
  • Лучшие сайты Рунета
  • Кулинарные рецепты
  • Поиск
    Календарь
    «  Май 2012  »
    ПнВтСрЧтПтСбВс
     123456
    78910111213
    14151617181920
    21222324252627
    28293031
    реклама








    Архив записей

    Copyright MyCorp © 2012

    Бесплатный хостинг uCoz