«Единственный способ творить великие дела – это любить то, что ты делаешь»
HTML
site.komp36.ru Создание сайтов. Твой сайт фотографа Что есть на сайте? Несколько фото галерей: свадебная, постановочная съемка, love story, детские фото. Договор на фотосъемку, прайс-лист.
site.komp36.ru Продающий лендинг. Создание сайтов Установка и продажа окон, установка дверей, перегородок. Одностраничный продающий сайт. Заявки прямо с сайта
site.komp36.ru Универсальный лендинг. Выбрать тему для сайта! Лендинг адаптируется под любую тему: ремонт, отделка, продажа окон, дверей, лестниц, мебели и многое другое
site.komp36.ru Создание сайтов. Сайт сервисного центра. Сайт компании. Новости и отзывы. Несколько прайс-листов – под каждый отдельная страница. Возможность размещения статей


В 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.

site.komp36.ruТвой сайт фотографа. Создание сайтов Что есть на сайте? Несколько фото галерей: свадебная, постановочная съемка, love story, детские фото. Договор на фотосъемку, прайс-лист.
site.komp36.ru Акция Как начать свое дело? Свой сайт «Укладка плитки» 9 000 руб. Лендинг адаптируется под любой вид отделочных работ, продажу товаров или услуг. Сайт поможет найти новых клиентов
site.komp36.ru Акция Продающий лендинг «Установка и продажа окон» 9 000 руб. Одностраничный продающий сайт. Установка и продажа окон, установка дверей, перегородок. Заявки прямо с сайта

HTML по шагам

Все теги HTML
Тематические публикации
site.komp36.ru Как начать свое дело? Свой сайт «Укладка плитки» 9 000 руб. Лендинг адаптируется под любой вид отделочных работ, продажу товаров или услуг. Сайт поможет найти новых клиентов
site.komp36.ru Продающий лендинг «Установка и продажа окон» 9 000 руб. Одностраничный продающий сайт. Установка и продажа окон, установка дверей, перегородок. Заявки прямо с сайта