DWWEB.RU
СКРИПТЫ

Списки html нумерованный буквенный, маркированной

Списки html нумерованный буквенный, маркированной и в этом во всем мы сегодня будем разбираться!

Первое и самое простое – это простой маркированный список, код которого будет иметь такой вид :

Списки html нумерованный буквенный, маркированный - видео инструкция

Простой маркированный список

Код:

<ul>

   <li>Здесь список простой</li>

   <li>Маркированный</li>

   <li>Который можно определить</li>

   <li>По точке, которая стоит  перед текстом</li>

</ul>

Результат:

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

Берем тот же код, только вместо "ul" используем "ol"

  1. создание пунктуальности (никогда не будете никуда опаздывать);
  2. излечение от пунктуальности (никогда никуда не будете торопиться);
  3. изменение восприятия времени и часов.

Список который про маркирован буквами!

Но вдруг, вам надо вывести, чтобы вместо цифр в списке были буквы - вообще не проблема нужно добавить в "ol" тип...

type="A"
  1. Здесь текст
  2. Который про маркирован
  3. Прописными буквами латинского алфавита

Список который про маркирован строчными буквами!

Для того, что про маркировать список строчными буквами латинского алфавита - нужно использовать

type="a"
  1. Здесь текст
  2. Который про маркирован
  3. Строчными буквами латинского алфавита

Список который про маркирован римскими цифирами

Для того, что про маркировать список римскими цифрами в тип вставляем римскую цифру 1 = I

type="I"

  1. Здесь текст
  2. Который про маркирован
  3. римскими цифрами
Не забудь !
Оставить комментарийCOMMENTS+
Сообщений пока нет - Вы можете стать первым
BBcode
нажмите, чтобы загрузить аватар
Загрузить свой аватар(max ширина, высота = 100px) ( как это работает)

Закрыть
+ =
Подписаться
Теги:
список html маркированный список html нумерованный список html как сделать список в html html код список создание списков в html как создать список в html ненумерованный список html html нумерация списка списки в html документах списки в html примеры как сделать маркированный список в html

НАШИ ПРОЕКТЫ : Проекты находятся в разной степени готовности (просто их столько, что времени не хватает…) Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019