Что такое ul в html
Перейти к содержимому

Что такое ul в html

  • автор:

Что такое ul в html

HTML-элемент используется для неупорядоченного списка — в частности для маркированного списка.

Интерактивный пример

Свойства

Атрибут логического значения (bool) говорит о том, что список будет представлен в более компактном стиле. Интерпретация этого атрибута зависит от user agent и не работает со всеми браузерами.

Предупреждение: Не используйте этот атрибут, ибо он устаревший и больше не используется, используйте CSS. Для схожего эффекта с compact , подойдёт свойство CSS line-height с значением 80% .

Этот атрибут добавляет маркеры (bullets) в список. Значения установлены под HTML3.2 и переходными на HTML 4.0/4.01 являются:

  • circle
  • disc
  • square Четвёртый маркер задан в интерфейсе WebTV, но не все браузеры смогут его отобразить: triangle .Если данный атрибут отсутствует и если атрибут CSSlist-style-type (en-US) не присвоен к данному элементу, пользовательский агент (user agent) выберет маркер в зависимости от вложенного уровня в списке.

Предупреждение: Не используйте этот атрибут, ибо он устаревший; используйте свойство CSS list-style-type (en-US).

Примечания об использовании

    Элемент

      используется для группировки непронумерованных элементов данных, и их последовательность в списке не нужна. Что характерно, непорядочные списки используют маркеры, которые могут быть разных форм (в форме точки, круга или прямоугольной формы). Стиль задаётся не в HTML, а со связанным с ним CSS, используя свойство list-style-type (en-US).
      Элементы

        и могут быть вложены на любом уровне. Более того, вложенные списки могут чередоваться между
        и

          без ограничений.
          Элементы и

            используются для списков. Различие лишь в том, что в элементе порядок имеет значение. Согласно эмпирической закономерности (или правилу большого пальца), чтобы определить, какую маркировку использовать, попробуйте поменять порядок элементов в списке. Если суть списка меняется, то тогда подойдёт элемент , в противном случае используйте

              .

            Примеры

            Простой список

            ul> li>first itemli> li>second itemli> li>third itemli> ul> 

            Результат HTML кода выше:

            HTML тег

            Маркированный (неупорядоченный) список представляет собой множество элементов, между которыми нет порядка следования. Самые распространенные неупорядоченные списки в интернете — списки гиперссылок на другие документы (например: меню, представляющее собой ненумерованный список HTML).

              (unordered list), который сообщает браузеру, что всё, следующее за ним, вплоть до закрывающего тега

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

            Примечание: для изменения типа маркера используйте CSS свойство list-style-type или свойство list-style-image, позволяющее заменять маркеры на изображения.

            Для создания нумерованных (упорядоченных) списков используйте тег .

            Атрибуты

            Стиль по умолчанию

            Пример

            Результат данного примера в окне браузера:

            Пример использования тега 

<ul></p>
<p>
» width=»319″ height=»195″ /></p><div class='code-block code-block-5' style='margin: 8px 0; clear: both;'>
<!-- 5dvdigital -->
<script src=

Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011 – 2024 © puzzleweb.ru | razumnikum.ru

Что такое ul в html

    устанавливает маркированный список. Каждый элемент списка должен начинаться с тега
    . Если к тегу

      применяется таблица стилей, то элементы
      наследуют эти свойства.

    Синтаксис

    Атрибуты

    type Устанавливает вид маркера списка.

    Также для этого тега доступны универсальные атрибуты и события.

    Закрывающий тег

    HTML5 IE Cr Op Sa Fx

    Результат данного примера показан на рис. 1.

    Рис. 1

    Рис. 1. Вид маркированного списка в браузере

    Статьи по теме

    • Внутренняя страница
    • Маркированный список
    • Свойства списков
    • Теги для списков

    Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

    Типы тегов

    HTML5

    Блочные элементы

    Строчные элементы

    Универсальные элементы

    Нестандартные теги

    Осуждаемые теги

    Видео

    Документ

    Звук

    Изображения

    Объекты

    Скрипты

    Списки

    Ссылки

    Таблицы

    Текст

    Форматирование

    Формы

    Фреймы

    Что такое ul в html

    Закрывающий тег обязателен.

    Атрибуты¶

    Для этого элемента доступны универсальные атрибуты.

    Не используйте этот атрибут, так как он устарел: вместо этого используйте CSS. Чтобы получить эффект, аналогичный атрибуту compact , можно использовать свойство line-height со значением 80% .

    Этот логический атрибут означает, что список должен отображаться в компактном стиле. Интерпретация этого атрибута зависит от пользовательского агента, и он работает не во всех браузерах.

    Не используйте этот атрибут, так как он устарел; вместо этого используйте свойство CSS list-style-type .

    Этот атрибут устанавливает стиль маркера для списка. Значения, определенные в HTML 3.2 и HTML 4.0 / 4.01:

    • circle
    • disc
    • square
    • Четвертый тип маркера был определен в интерфейсе WebTV, но не все браузеры поддерживают его: triangle .

    Если этот элемент отсутствует, и если к элементу не применяется свойство CSS list-style-type , пользовательский агент выбирает тип маркера в зависимости от уровня вложенности списка.

    Спецификации¶

    • WHATWG HTML Living Standard
    • HTML 5

    Примеры¶

    Пример 1¶

     1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
     html> head> meta charset="utf-8" /> title>ULtitle> head> body> ul> li>Баалli> li>Агаресli> li>Марбасli> li>Пруфласli> li>Аамонli> ul> body> html> 

    Пример 2¶

     1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33

    Пример 3¶

    Упорядоченный список внутри неупорядоченного списка

     1 2 3 4 5 6 7 8 9 10 11 12 13 14

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *