Yutex - Платный хостинг PHP.
Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Интернет-магазин под ключ

Статьи для сайтов!!!
Главная Теги HTML HTML по шагам Списки в HTML Ссылки в HTML


Списки в HTML

Ol Ul Li Dl Dt Dd

Нумерованный список
Маркированный список
Список определений


В 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
HTML по шагам
Дизайн сайтов
ПОИСК ПО САЙТУ:

Моё имя Антон. Связаться со мною Вы можете по e-mail: averagev@mail.ru