Тег <ul>

В HTML тег <ul> используется для создания маркированного или неупорядоченного списка, в котором обозначается последовательность связанных между собой элементов. Часто маркированный список применяют для создания меню на сайте. Тег <ul> имеет обязательный закрывающий тег. Все элементы маркированного списка начинаются с тега <li>, в которые можно вставить текст, картинки или другие списки. Структура маркированного списка выглядит следующим образом:

            
    <u>
      <li>первый элемент маркированного списка</li>
      <li>второй элемент маркированного списка</li>
      <li>третий элемент маркированного списка</li>
    </ul>
            
            

Тег <ul> представляет из себя блочный элемент, который занимает всю ширину родительского контейнера. Каждый элемент списка располагается с новой строки с некоторым отступом по левому краю и в начале помечается специальным маркером (кружок, ромбик, квадратик и т.д.). Стили CSS, применяемые к тегу <ul>, наследуются элементами, расположенных в <li>.

Атрибуты тега <ul>

type - задает вид маркера элементов списка.

Пример:

        
<!DOCTYPE HTML>
<html>
  <head>
    <title>Тег UL</title>
    <meta charset="utf-8">
  </head>
  <body>
        <p>МЕНЮ</p>
        <ul>
           <li>Музыка</li>
           <li>Игры</li>
           <li>Видео</li>
        </ul>
  </body>
</html> 
			
            
Смотреть пример