Получить доступ к курсу




Списки - тег <UL>

HTML для начинающих

На каждом сайте есть меню навигации. Вы не задумывались как правильно его создавать?
Наиболее правильный вариант это использование списков - тег ul. Причем в не зависимости горизонтальное это меню либо вертикальное. Можно конечно сделать и при помощи дивов, но все-таки корректнее использовать ul. Создание меню это один из примеров использование списков.

В идеале в ul следует "оборачивать" любую информацию которая несет смысл перечисление каких либо свойств объекта, но по объему до таблицы не дотягивает. Почему именно ul, а не тем же дивом или спаном? Да потому что тег ul именно для этих целей и был придуман и соответственное его и следует применять, а не замещать другими тегами. На это, кстати, обращают внимание и поисковые боты. То есть чтобы ваши странички лучше парсились поисковыми системами, то теги следует применять по их прямому назначению.


Каждый элемент информации которая заключена внутри тега ul следует оборачивать тегом li. Тоесть тег li определяет строку (ну или элемент меню если брать меню сайта как пример).
Синтаксис следующий:

<ul>
 <li>Элемент меню1</li>
 <li>Элемент меню2</li>
 <li>Элемент меню3</li>
</ul>


У тега ul есть специальный атрибут type который определяет картинку отображающуюся рядом с элементами. Атрибут type может принимать следующие значения -
  • circle - черный квадрат
  • square - белая точка с черными краями
  • disc - черная точка

Так же знак маркировки можно задавать самим при помощи стилей list-style-image(что мы и сделаем в видеоуроке) . Маркированный список ul можно сделать и горизонтальным наложив на него стили display: inline; для элементов списка ( li )


Помимо работы со списками в этом видеоуроке мы потренируемся с размещением блоков (div) на странице. Рассмотрим свойства float и clear

Добавить отзыв (пожелание, комментарий)