Империя - Создание списков
Империя работы в интернете

Главная | Регистрация | Вход
Четверг, 08.12.2016, 01:16
Приветствую Вас Гость | RSS
Меню сайта

Подбор по параметрам
Категории раздела
Новости бирж контента [3]
РАЗНОЕ [188]
Строительство [2]
интересные места [9]
Обустройство дома, квартиры [1]
Статистика


Онлайн всего: 2
Гостей: 1
Пользователей: 1
Mag123
 

Создание списков в 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 - будет выравниваться отдельно каждая строчка списка, зачем это надо не знаю, но сделать так можно.

Вход на сайт

Поиск
Календарь
«  Декабрь 2016  »
ПнВтСрЧтПтСбВс
   1234
567891011
12131415161718
19202122232425
262728293031
Архив записей
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • База знаний uCoz

  • Copyright MyCorp © 2016 | Яндекс.Метрика