Ненумерованный список HTML | HTML-маркированный список
Добавить в избранное
Неупорядоченный список HTML или маркированный список отображает элементы в маркированном формате. Мы можем использовать неупорядоченный список, где нам не нужно отображать элементы в каком-либо определенном порядке. HTML-тег ul используется для неупорядоченного списка. Маркированный список может быть 4-х типов:
◦ диск
◦ круг
◦ квадрат
◦ ничто
Для представления различных упорядоченных списков в теге <ul> есть 4 типа атрибутов.
тип "disc"
Это стиль по умолчанию. В этом стиле элементы списка отмечены маркерами.
тип "circle"
В этом стиле элементы списка отмечены кружками.
тип "square"
В этом стиле элементы списка отмечены квадратами.
тип "none"
В этом стиле элементы списка не отмечены.
Пример:
<ul>
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ul>
ul type="circle"
<ul type="circle">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ul>
ul type="square"
<ul type="square">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ul>
ul type="none"
<ul type="none">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ul>
Примечание. Атрибут type не поддерживается в HTML5, вместо type вы можете использовать CSS-свойство list-style-type. Ниже приведен пример, показывающий свойство CSS для тега ul.
<ul style="list-style-type: square;">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ul>