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