happy-frog.ru

Как сделать маркированный список в маркированном списке html


Как сделать маркированный список в маркированном списке html

Как сделать маркированный список в маркированном списке 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>

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



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

Как сделать маркированный список в маркированном списке html фото



Как сделать маркированный список в маркированном списке html

Как сделать маркированный список в маркированном списке html

Как сделать маркированный список в маркированном списке html

Как сделать маркированный список в маркированном списке html

Как сделать маркированный список в маркированном списке html

Как сделать маркированный список в маркированном списке html

Как сделать маркированный список в маркированном списке html

Как сделать маркированный список в маркированном списке html

Как сделать маркированный список в маркированном списке html

Как сделать маркированный список в маркированном списке html

Как сделать маркированный список в маркированном списке html

Как сделать маркированный список в маркированном списке html

Как сделать маркированный список в маркированном списке html

Как сделать маркированный список в маркированном списке html

Как сделать маркированный список в маркированном списке html



Меню

Главная

Поделки своими руками год книги
Лебедь своими руками из покрышки
Поздравление с днём рождения дочери 18 лет
Снегоходы для детей своими руками
1с предприятие в домашних условиях
Прикольные поздравления днем рождения павла
Шуточное поздравления с днем рождения женщине от коллектива
Как сделать чертеж в рамке
Поздравление с 80 летием маму от сына
Как сделать схему для вышиванием бисером



ЗАКРЫТЬ ОКНО [X]