Щоб створити маркований список, використовуйте невпорядковані теги списку

і теги списку, як показано на прикладі нижче.

• Приклад
• Приклад2
• Приклад3

Наведений вище приклад створить маркований список, як показано нижче.

• Приклад
• Приклад2
• Приклад3

Якщо ви хочете змінити цей список на упорядкований список (нумерований список), змініть

теги

, як показано в прикладі нижче.

1. Приклад
2. Приклад2
3. Приклад3

Наведений вище приклад створить пронумерований список, як показано нижче.

1. Приклад
2. Приклад2
3. Приклад3

Якщо ви хочете застосувати стиль CSS або використовувати зображення як список маркерів, створіть код CSS, подібний до прикладу нижче.

#content ul li {type-style-Type: немає; заповнення: 0 0 4px 23px; фон: url (// www.computerhope.com/arrow.gif) не повторювати лівий верх;

}

У цьому прикладі, використовуючи зовнішній файл .css, ми повідомляємо веб-сторінці, що змінювати лише позначені елементи в розділі. Якщо ви хочете змінити всі маркіровані елементи, ви можете видалити #content у наведеному вище прикладі. У другому рядку, тип-стиль-тип: немає; вказує браузеру відображати не маркери. У третьому рядку додавання: 0 0 4px 23px; є відступом і відступом навколо куль. Нарешті, остання лінія фону повідомляє веб-переглядачу використовувати зображення як кулю і де його відображати. За допомогою цього коду CSS ми отримуємо маркери, як показано нижче.

• Приклад
• Приклад2
• Приклад3