Створюйте маркери в HTML за допомогою
- теги.
Використання маркерів допомагає розбити великі фрагменти тексту та виділити списки корисної інформації. Маркери легко створити за допомогою програмного забезпечення для обробки текстів, але коли ви вводите HTML-документ, вам потрібно знати код для їх створення. Щоб створити маркований список, потрібно не так багато коду. Загорніть кожен список
- або теги "невпорядкований список". Потім ви можете робити все, що забажаєте, із маркованим списком, використовуючи код каскадної таблиці стилів.
Крок 1
Напишіть текст для ваших маркерів. Почніть кожну точку з окремої лінії. Загорніть кожен рядок
Відео дня
Крок 2
Створіть порожній рядок над маркованим списком, а потім введіть відкриття
- тег на цьому рядку. Знайдіть кінець свого маркованого списку, а потім створіть там ще один порожній рядок. Введіть закриття
- тег. Ось приклад короткого маркованого списку з атрибутом ID:
- Куля одна
- Куля друга
Крок 3
Використовуйте «стиль», щоб створити свій маркований список за допомогою коду CSS. Додайте код CSS між тегами між тегами та або ви можете написати код CSS у зовнішньому файлі .CSS та вставити файл за допомогою тег такий:. Змініть "path/to/stylesheet.css" на шлях до файлу .CSS, який ви створюєте. Використовуйте атрибут ID або клас, щоб вибрати свої марковані списки, наприклад:
#mylist li { font-style: italic; }
Наведений вище код вибирає всі
Крок 4
Використовуйте властивість «list-style» у CSS, щоб змінити тип маркера. Доступні типи маркерів включають відкриті кола, заповнені диски та квадрати для ненумерованих списків без алфавіту. Ось приклад квадратних куль:
#mylist li {list-style: square;}
Порада
Використовувати
- тег замість
- для створення впорядкованих списків. Потім ви можете встановити тип «стиль списку» на різні типи цифр або літер.
- позначте тегом фонове зображення, що не повторюється, вирівняне за лівим краєм. Додайте відступ до лівої сторони кожного
- тег, щоб перемістити текст, інакше він перекриватиме зображення.
Створіть маркери зображень, вказавши «none» для атрибута «list-style», а потім надайте кожному
