Как сделать номер буквами

Теги HTML → Уроки html → Как сделать список html

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

Такой список представляет собой перечень "пронумерованный" каким-либо образом. Это могут быть арабские цифры, цифры римского алфавита или буквы.

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

Пример кода для нумерованного списка:

  1. кошки
  2. собаки
  3. лошади
Результат:
  1. кошки
  2. собаки
  3. лошади
Как видите, по умолчанию нумерация ведется арабскими цифрами. Это можно изменить с помощью параметра type:

- type="A" - нумерация заглавными латинскими буквами (A, B, C).

- type="a" - нумерация прописными латинскими буквами (a, b, c).

- type="I" - нумерация большими римскими цифрами (I, II, III) .

- type="i" - нумерация маленькими римскими цифрами (i, ii, iii).

Пример кода с римскими цифрами:

  1. кошки
  2. собаки
  3. лошади
Результат:
  1. кошки
  2. собаки
  3. лошади
Если нам нужно начать нумерацию не с единицы, то следует использовать параметр start, в качестве значения которого указывается число, с которого будет начинаться список (если нумерация задается с помощью букв, то это число будет указывать на позицию в алфавите).

Пример кода:

  1. кошки
  2. собаки
  3. лошади
Результат:
  1. кошки
  2. собаки
  3. лошади
У тега <li> можно задать параметр value, который позволяет изменить номер данного элемента списка. При этом изменяется нумерация и всех последующих элементов.

Пример кода:

  1. красный
  2. оранжевый
  3. желтый
    ...............
  4. фиолетовый
Результат:
  1. красный
  2. оранжевый
  3. желтый
    ...............
  4. фиолетовый

Маркированные списки

В маркированном списке вместо букв и цифр используются маркеры. Чтобы указать браузеру, что список будет маркированным, используются теги <ul></ul>. Весь список располагается между этими тегами и каждый его пункт задается тегами <li></li>.

Пример кода для маркированного списка:

  • кошки
  • собаки
  • лошади
Результат:
  • кошки
  • собаки
  • лошади
По умолчанию маркер отображается в виде черного кружочка. Это можно изменить с помощью параметра type:

- type="disc" - закрашенный кружочек.

- type="circle" - пустой кружочек.

- type="square" - закрашенный квадратик.

Пример кода для маркированных списков:

  • кошки
  • собаки
  • лошади
  • кошки
  • собаки
  • лошади
  • кошки
  • собаки
  • лошади
Результат:
  • кошки
  • собаки
  • лошади
  • кошки
  • собаки
  • лошади
  • кошки
  • собаки
  • лошади

Списки определений

Таки списки используются в словарях. Каждый пункт состоит из двух частей: термин и его определение. Чтобы указать браузеру, что будет список определений, используются теги <dl></dl>. Каждый термин заключается в теги <dt></dt>, а их определения - в теги <dd></dd>.

Пример кода списка определений:

Термин 1 Определение термина 1 Термин 2 Определение термина 2 Результат:

Вложенные списки

Бывают ситуации, когда в элемент списка необходимо включить свой список. Такие списки называются многоуровневыми или вложенными. Для этого используется комбинация уже известных нам тегов списков.

Пример кода многоуровневого списка:

  • Животные
    1. кошки
    2. собаки
  • Растения
    1. деревья
    2. цветы
Результат: Уровень вложенности может быть любым, главное не запутайтесь. На этом седьмой урок закончен. В следующем уроке мы рассмотрим работу с изображениями.



Если этот сайт оказался вам полезен, вы можете помочь в его развитии, поставив одну из этих ссылок на свой сайт.

Уроки PHPУроки PHPУроки PHPУроки PHPУроки PHPУроки PHP

Код кнопки:
<a href="http://site-do.ru"><img src="http://site-do.ru/images/sitedo1.gif" alt="Как создать свой сайт"></a>
Скачайте одним архивом видеоуроки HTML!

Теперь нажмите кнопку, что бы не забыть адрес и вернуться к нам снова.



Источник: http://www.site-do.ru/html/html7.php

Закрыть ... [X]

Рецепты книгоедения. Как сделать так, чтобы Как сделать твёрдый переплёт для книги

Как сделать номер буквами Правила компьютерного набора текста
Как сделать номер буквами Серийный номер iPhone определит модель
Как сделать номер буквами Интернет-магазин m (Лукфантастик)
Как сделать номер буквами НОВАТЕЛ Номер 8 800 Телефон 8 800
Как сделать номер буквами HTML список, тэг ul li в HTML
Как сделать номер буквами Классификатор УДК - m
Как сделать номер буквами 11 друзей Оушена (2002) смотреть онлайн или скачать фильм
Как сделать номер буквами Cached
Изготовление полки для икон своими руками Как заработать в Интернете - 402 способа Как пришить погоны к кителю Страна Мастеров Как сделать кашпо своими руками для сада цветов Как сделать сброс до заводских настроек (Hard reset, Factory)