Списки

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

<ul>
   <li>Coffee</li>
   <li>Tea</li>
   <li>Milk</li>
</ul>
  • Coffee
  • Tea
  • Milk

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

<ol>
   <li>Coffee</li>
   <li>Tea</li>
   <li>Milk</li>
</ol>
  1. Coffee
  2. Tea
  3. Milk

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

<dl>
  <dt>Coffee</dt>
  <dd>Black hot drink</dd>
  <dd>Black hot drink</dd>
  <dt>Milk</dt>
  <dd>White cold drink</dd>
</dl>
Coffee
Black hot drink
Black hot drink
Milk
White cold drink

CSS-свойства list-style-type:none;

Практика:

1) Добавить класс в список ul. Через контекстные селекторы оформить элементы списка так как указано на картинке

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

2) Сделать, чтобы при наведении на элемент, из него выпадало меню

3) Сделать многоуровневое выпадающее меню

Выпадающее меню