Ul type disc html

Атрибут type

Для маркированного списка маркеры могут принимать один из трех видов: кружок (disc), окружность (circle) и квадрат (square). Значения атрибута type и получаемый вид показан в табл. 1.

Значение по умолчанию

Аналог CSS

Валидация

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

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

Рис. 1. Маркеры в виде окружности

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

Типы тегов

HTML5

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

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

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

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

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

Видео

Документ

Звук

Изображения

Объекты

Скрипты

Списки

Ссылки

Таблицы

Текст

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

Формы

Фреймы

Источник

Маркированный список

, а каждый пункт списка начинается с тега
, как показано ниже.

В примере 11.1 приведен код HTML для добавления маркированного списка на веб-странице.

Пример 11.1. Создание маркированного списка

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

Рис. 11.1. Вид маркированного списка

Обратите внимание на отступы сверху, снизу и слева от списка. Такие отступы добавляются автоматически.

. Допустимые значения приведены в табл. 11.1

Вид маркеров может незначительно различаться в разных браузерах, а также при смене шрифта и размера текста.

Создание списка с квадратными маркерами показано в примере 11.2.

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

Рис. 11.2. Вид списка с квадратными маркерами

HTML по теме

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

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

Популярные рецепты

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

Популярные задачи

• TEX
• Отступы между блоков
• Андроид в тени
• Ссылка как кнопка
• Вложенные списки
• Форма регистрации
• Объединение ячеек таблицы
• Обязательные поля формы
• Цвет и фон в таблице
• Асуанская плотина
• Батарейка
• Заголовки

Источник

HTML Bullet List Tutorial

HTML Lists are used to organize content by providing them as lists where every item is listed in a new line. A Bullet list is a special type used to make the items icon disc, circle, and square which provides a better user experience. The bullet lists are created using the Unordered List element of the HTML.

HTML Bullet List Syntax

The syntax of the bullet list is below. Bullet lists use circles as bullet points by default.

Disc Bullet List

The bullet list provides different bullet points. The disc bullet list is the default type. Alternatively, the style=»list-style-type:disc» can be used to make the bullet point as a filled circle or disc.

Circle Bullet List

The bullet point can be set as a circle actually an empty circle by using the style=»list-style-type:circle» attribute for every list item like below.

Square Bullet List

The bullet point can be set as a square by using the style=»list-style-type:square» attribute for every list item like below.

Mixed Bullet List (Disc, Circle, and Square Together)

The disc, circle, and square bullet types can be used in a single list in a mixed way. There is no restriction on them. Simple set the list item style to the related bullet type like below. In the following example, we use disc, circle, and square bullet types together in a mixed way.

Nested Bullet List

Bullets can be also used in a nested way where parent and child bullets can be set of different types. In the following example, we use a square bullet type for parent list items and a circle for the child list items.

Источник

Атрибут type

Для маркированного списка маркеры могут принимать один из трех видов: кружок (disc), окружность (circle) и квадрат (square). Значения атрибута type и получаемый вид показан в табл. 1.

Значение по умолчанию

Аналог CSS

Валидация

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

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

Рис. 1. Маркеры в виде окружности

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

Типы тегов

HTML5

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

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

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

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

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

Видео

Документ

Звук

Изображения

Объекты

Скрипты

Списки

Ссылки

Таблицы

Текст

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

Формы

Фреймы

Источник