Списки html


В данном уроке мы с вами разберем что такое списки, какие бывают списки и как их создавать.

Бывают два вида списков:

  1. Нумерованный
  2. Нумерованный
  3. Нумерованный
  • Ненумерованный
  • Ненумерованный
  • Ненумерованный

Сейчас мы с вами научимся их создавать.

Ненумерованный список начинается с тега <ul> </ul>

Элемент списка тег <li> </li>

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

Эти теги парные всегда ставьте открывающий и закрывающий тег. Хотя браузеры вас поймут если вы не закроете тег. Я рекомендую всегда закрывать теги.

Нумерованный список начинается с тега <ol> </ol>

Элемент списка тег <li> </li>

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

Сейчас я буду потихонечку ваши шаблоны разрушать. В вашем понятии списки примерно вот это

  1. Нумерованный
  2. Нумерованный
  3. Нумерованный
  • Ненумерованный
  • Ненумерованный
  • Ненумерованный

В реальности, в html в процессе верстки вы будете использовать списки не только как вывод какого то текста. В место текста может быть все что угодно. Например: форма, картинка целые абзацы текста или таблица. Ваша задача осознать что списки это не только набор из 3 или 5 строчек которые расположены вертикально. Это формы вывода элемента, а элементом может быть все что угодно. Это вы должны уже понимать и это нам понадобиться что бы успешно верстать сайты.