Заработок на своем сайте
Переход на сайт в контакте Переход на сайт Facebook Переход на сайт Twitter
"И русский беспорядок - это такой особенный порядок."

Примеры создания упорядоченых и не упорядоченых списков в HTML

Использование списков в верстке сайта

Списки – довольно распространенный элемент на веб-страницах. Учитываются поисковыми роботами и играют определенную роль при поисковой оптимизации вашего ресурса. К слову, пройти курс по HTML и PHP можно у ребят из WebShake, они доступно и емко помогут разобраться с интересующими вас вопросами, вот ссылка на WebShake. А теперь продолжим наш краткий курс создания списков.

Списки бывают:

Формируются списки с помощью парных тегов ul , ol и тега li.
Пример упорядоченного списка

1 < ol> - Начало списка
2 < li>Элемент списка< /li>
3 < li>Элемент списка< /li>
4 < li>Элемент списка< /li>
5 < li>Элемент списка< /li>
6 < /ol> - Конец списка

  1. Элемент списка
  2. Элемент списка
  3. Элемент списка
  4. Элемент списка

Неупорядоченный список формируется точно также, но с помощью тега ul

1 < ul> - Начало списка
2 < li>Элемент списка< /li>
3 < li>Элемент списка< /li>
4 < li>Элемент списка< /li>
5 < li>Элемент списка< /li>
6 < /ul> - Конец списка

Вложенные списки
Все виды вышеописанных списков могут вкладываться друг в друга. Причем первый вид может вкладываться во второй или наоборот. Здесь только необходимо соблюдать правило парных тегов – обязательно закрывать контейнер перед открытием другого.

< ul>
< li>Первый элемент в главном списке
< ul>
< li>Первый элемент во вложеном списке< /li>
< li>Второй элемент< /li>
< li>Третий элемент< /li>
< /ul>
< /li>
< li>Второй элемент в главном списке< /li>
< li>Третий элемент< /li>
< li>Четвертый < /li>
< li>Пятый< /li>
< /ul>

Список 1 элемент 1 списка закроем элемент 1 списка закроем
Список 2 элемент 2 списка закроем элемент 2 списка закроем
Список 3 элемент 3 списка закроем элемент 3 списка закроем

С основными списками на этом все. Но несмотря на простоту создания они играют значительную роль при оптимизации сайта.


Статьи подобной тематики:

Составление технического задания копирайтеру

Схемы перелинковки сайтов. Увеличить или уменьшить вес страницы можно при помощи ссылок. Выбор нужной вам схемы, зависит от стратегии продвижения. Мы рассмотрим три основные схемы перелинковки: высокочастотную, среднечастотную, низкочастотную.

Основные причины падения Тиц

Причины падения ТиЦ тИЦ – целая система ранжирования авторитетности наших сайтов или просто – рейтинг Яндекс Каталога, распространившаяся по всему Рунету. Итак, подробнее о падении тИЦ – почему и за что?


Все права защищены © 2018