Тег <ul>

Подробно о теге "<ul>".

1. Видео о Теге "<ul>".
2. Тег "<ul>" описание + синтаксис.
3. Вид тега "<ul>" по умолчанию.
4. Какой display у тега ul
5. Атрибуты тега "<ul>".

Тег "<ul>" описание + синтаксис.

Как уже было выше сказано, что:

Тег <ul> создает маркированный список. Второй обязательный тег списка должен начинаться с тега <li>


Синтаксис тега "<ul>"

Тег <ul> - это парный тег :

<ul></ul>

Пример синтаксиса тега "<ul>"

<ul>

<li>Здесь текст 1</li>

<li>Здесь текст 2</li>

</ul>

Пример тега "<ul>" по умолчанию

• Здесь текст 1
• Здесь текст 2

Закрывающий "тег" тега "<ul>"

Обязателен.




Вид тега "<ul>" по умолчанию.

Какое свойство определяет вид тега "<ul>" по умолчанию?

Выше мы уже видели пример тега "<ul>" по умолчанию - это черная круглая точка перед каждой новой строкой.

• Здесь текст 1
• Здесь текст 2
За начертание именно такого вида отвечает:
list-style-type: disc;

Начертание тега "<ul>" в браузере

Где в браузере можно увидеть начертание тега "<ul>" по умолчанию?

Для этого нам понадобится :

Наводим мышку по требуемому элементу - в нашем случае тег "<ul>"

Далее нажимаем кнопку исследовать элемент

И во вкладке "ELEMENTS" видим, что начертание тега "<ul>" :

list-style-type: disc;
Нажмите, чтобы открыть в новом окне.




Какой display у тега ul

Иногда требуется узнать какой вид display у какого-то тега.

Не буду делать отдельную страницу!

Display у тега ul, по умолчанию block

Для того, чтобы узнать какой display у тега ul по умолчанию, нам понадобится :

Опять : наводим мышку по требуемому элементу - в нашем случае тег "<ul>"

Далее нажимаем кнопку исследовать элемент

И во вкладке "ELEMENTS" ищем display тега "<ul>" и видим:

display: block;
Нажмите, чтобы открыть в новом окне.




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

type

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

Аналог атрибута "type" тега "<ul>".

list-style-type: disc;

Для тега "<ul>" доступны универсальные атрибуты и события.