HTML теги для создания списков
Для создания списков используются HTML теги <ol> или <ul> и <li> . HTML теги
<ol> или <ul> обозначают начало списка вообще, а HTML теги
<li> означают начало элемента списка. Соответственно HTML теги </ol> или </ul> означают окончание списка, а HTML тег </li> означает окончание элемента списка.
Как разобраться, когда пишется <ol>, а когда пишется <ul>? Дело в том, что списки бывают 2-х видов – нумерованные и маркированные. Для нумерованных списков будет использоваться HTML тег <ol>, я для маркированных – <li> .
Пример:
|
HTML код тегов
|
Отображение в браузере
|
| <ol> // открываем тег для нумерованного списка
<li>Элемент списка 1</li> // записываем элемент списка <li> Элемент списка 2</li> <li> Элемент списка 3</li> </ol> // закрываем тег для нумерованного списка |
|
Маркированный список создается с помощью HTML тега <ul>.Например:
|
HTML код тегов
|
Отображение в браузере
|
| <ul> // открываем тег для маркированного списка
<li>Элемент списка 1</li> // записываем элемент списка <li> Элемент списка 2</li> <li> Элемент списка 3</li> </ul> // закрываем тег для маркированного списка |
|
Атрибуты HTML тегов нумерованных списков
Мы можем управлять стилем маркированного и нумерованного HTML списка. Делается это с помощью атрибута type, который записывается сразу же после открытия тега списка. Какие значения принимает атрибут type? Для нумерованного списка атрибут type принимает следующие значения:
- type= “1″ (по умолчанию) – список нумеруется арабскими цифрами;
- type= “A” – список нумеруется латинскими буквами (большими “A” или маленькими “a”);
- type= “I”– список нумеруется римскими цифрами (большими “I” или маленькими “i”).
Пример 1 использования атрибута type HTML тега <ol>
|
HTML код тегов
|
Отображение в браузере
|
| <ol Type=”A”>
<li>Элемент списка 1</li> <li> Элемент списка 2</li> <li> Элемент списка 3</li> </ol> |
|
Пример 2 использования атрибута type HTML тега < ol >
|
HTML код тегов
|
Отображение в браузере
|
| <ol Type=”I”>
<li>Элемент списка 1< /li> <li> Элемент списка 2< /li> <li> Элемент списка 3< /li> </ol> |
|
А если в HTML теге <li> для нумерованного списка указать атрибут start, то мы можем управлять с какого числа начнётся нумерация списка. Например:
<ol start=”7″> //нумерация начнётся с семёрки
<li>Элемент списка 1</li>
<li> Элемент списка 2</li >
<li> Элемент списка </li>;
</ol>
Атрибут value в HTML теге <li> для нумерованного списка задаёт произвольное число начала списка. Например:
<ol>
<li>Элемент списка 1</li>
<li value=”20″ > Элемент списка 2</li> //этот элемент списка будет двадцатым
<li> Элемент списка 3</li>
</ol>
Атрибуты HTML тегов маркированных списков
Для маркированных списков также применяется атрибут Type. В маркированном списке данный атрибут принимает значение:
- type= “disc” (по умолчанию) список маркируется закрашенным кружком;
- type= “square” список маркируется квадратиками;
- type= “circle” список маркируется не закрашенным кружком.
Пример 1 использования атрибута type HTML тега <ul>
|
HTML код тегов
|
Отображение в браузере
|
| <ul type=”circle”>
<li>Элемент списка 1</li> <li> Элемент списка 2</li> <li> Элемент списка 3</li> </ul> |
|
Пример 2 использования атрибута type HTML тега <ul>
|
HTML код тегов
|
Отображение в браузере
|
| < ul type=”square”>
<li>Элемент списка 1</li> <li> Элемент списка 2</li> <li> Элемент списка 3</li> </ul> |
|
Popularity: 2% [?]



Всем известно, что
Продолжаем разговор о наших вебинарах по
Вебинар (от англ. «webinar», сокр. от «Web-based seminar») по
Вебинар по
Итак, лучший способ платить только за то, что действительно нужно ВАМ это – вебинары (они же видеоконференции). Поэтому мы продолжаем публиковать посты с записью на вебинары по
Когда я проводил свой Интернет-тренинг “
Взялся наконец за доработку своего on-line бизнеса – проведение вебинаров (или видеоконференций) по той или иной тематике. Почему именно видеоконференции? Тут всё просто. Существуют масса обучающих курсов по WordPress или
Если вам не хочется возиться с созданием сайт через 





