html и css для начинающих

кнопка удаления
кнопка удаления
кнопка меню

Списки в HTML:

Очень часто определенную информацию на сайте необходимо представить в виде списков. Списки позволяют упорядочить и систематизировать различные данные и представить ее для посетителя в удобном виде.

Виды списков HTML


Для создания упорядоченного списка используем элемент <ol>.

Для создания неупорядоченного списка используем элемент <ul>.

Тег <li> - окружает элементы списка.

Для создания списка определений используем элемент <dl>.

Все элементы имеют закрывающий тег.

lists

Синтаксис и примеры:

Упорядоченные списки:


<ol>
<li> 1.Картошка </li>
<li> 2.Капуста </li>
<li> 3.Морковь </li>
</ol>

Неупорядоченные списки:


<ul>
<li> Картошка </li>
<li> Капуста </li>
<li> Морковка </li>
</ul>

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


<dl>
<dt> первое обозначение понятия </dt>
<dd> определение первого понятия </dd>
<dt> второе обозначение понятия </dt>
<dd> определение второго понятия </dd>
<dt> третье обозначение понятия </dt>
<dd> определение третьего понятия</dd>
</dl>

Вложенные списки (список в списке):


Выглядит вот так:
<ul>
<li>……………..</li>
<li>…………..
<ul>
<li></li>
<li></li>
</ul>
</ul>