«Единственный способ творить великие дела – это любить то, что ты делаешь»
HTML


В HTML различают два основных типа списков: нумерованные и маркированные.

В нумерованном списке пункты обозначены цифрами или буквами, а в маркированном - маркерами: закрашенный/незакрашенный круг, квадрат.



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

Нумерованный список создает тег <ol>. Тег <li> создает пункт списка. Если для тега <ol> задать стиль, то он будет применен ко всем пунктам списка.

С помощью атрибута type тега <ol> устанавливают тип нумерации: заглавные или строчные латинские буквы, большие или маленькие римские цифры или арабские цифры.

С помощью атрибута start устанавливают первое число/букву, с которого начинается нумерация.

Фрагмент кода
<p>
<ol>
<li>
Пункты обозначены
<li>
Арабскими цифрами
<li>
Эта нумерация используется по умолчанию </ol>
<ol type=
"a">
<li>
Пункты обозначены
<li>
Строчными латинскими буквами
</ol>
<ol type=
"I" start="3">
<li>
Пункты обозначены
<li>
Большими римскими цифрами
<li>
Нумерация начинается с цифры III
</ol>

</p>
Результат

  1. Пункты обозначены
  2. Арабскими цифрами
  3. Эта нумерация используется по умолчанию
  1. Пункты обозначены
  2. Строчными латинскими буквами
  1. Пункты обозначены
  2. Большими римскими цифрами
  3. Нумерация начинается с цифры III

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

Маркированный список создает тег <ul>. Тег <li> создает пункт списка. Если для тега <ul> задать стиль, то он будет применен ко всем пунктам списка.

С помощью атрибута type тега <ul> устанавливают тип маркера: незакрашенный круг, закрашенный круг или квадрат.

Фрагмент кода
<p>
<ul>
<li>
Маркером пунктов списка
<li>
Является закрашенный круг
<li>
Этот тип маркера используется по умолчанию </ul>
<ul type=
"circle">
<li>
Маркером пунктов списка
<li>
Является
<li>
Незакрашенный круг
</ul>
<ul type=
"square">
<li>
Маркером пунктов списка
<li>
Является
<li>
Квадрат
</ul>

</p>
Результат

  • Маркером пунктов списка
  • Является закрашенный круг
  • Этот тип маркера используется по умолчанию
  • Маркером пунктов списка
  • Является
  • Незакрашенный круг
  • Маркером пунктов списка
  • Является
  • Квадрат

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

Кроме нумерованного и маркированного списков существуют так называемые списки определений.

Список определений представляет собой список из терминов и список из определений этих терминов.

Структура подобного списка такова:

Термин 1
Определение термина 1

Термин 2
Определение термина 2

и т.д....

Такой список образуют теги <dl>, <dt> и <dd>. Тег <dl> создает список; тег <dt> задает термин, а тег <dd> задает определение заданного термина.

Фрагмент кода
<p>
<dl>
<dt>
PHP </dt>
<dd>
Язык программирования для создания веб приложений, т.е. приложений взимодействующих с пользователем по протоколу http. Язык интерпретируемый, т.е. для исполнения сценария на сервере должен быть установлен интерпретатор PHP. </dd>
<dt>
JavaScript </dt>
<dd> Язык написания программ, исполняемых Вашим браузером. Является стандартом для Dynamic HTML. Из соображений безопасности, он лишен возможности повлиять на что либо, кроме браузера. Он не имеет средств обращения к диску вашего компьютера, за исключением записи cookie. </dd>
</dl>

</p>
Результат

PHP
Язык программирования для создания веб приложений, т.е. приложений взимодействующих с пользователем по протоколу http. Язык интерпретируемый, т.е. для исполнения сценария на сервере должен быть установлен интерпретатор PHP.
JavaScript
Язык написания программ, исполняемых Вашим браузером. Является стандартом для Dynamic HTML. Из соображений безопасности, он лишен возможности повлиять на что либо, кроме браузера. Он не имеет средств обращения к диску вашего компьютера, за исключением записи cookie.


HTML по шагам

Все теги HTML