Генератор HTML-списков
Создавайте упорядоченные и неупорядоченные HTML-списки из вашего текста.
Элементы списка
Введите по одному элементу списка на строку:
Тип списка:
Как пользоваться Генератор HTML-списков
- 1
Введите элементы списка
Введите или вставьте свои элементы в поле, помещая по одному элементу на каждую строку.
- 2
Выберите тип списка
Выберите неупорядоченный список (ul) для маркеров или упорядоченный список (ol) для нумерованных элементов.
- 3
Задайте дополнительные параметры
При желании откройте «Дополнительные параметры», чтобы добавить ID списка, класс списка, класс элемента или собственный начальный номер.
- 4
Сгенерируйте и скопируйте
Нажмите «Сгенерировать HTML-список», затем скопируйте готовую к использованию разметку ul/ol в буфер обмена.
Часто задаваемые вопросы
В чём разница между неупорядоченным и упорядоченным списком?
Неупорядоченный создаёт <ul> с маркированными элементами <li>, а упорядоченный создаёт <ol> с нумерованными элементами. Выберите тот, который соответствует тому, как список должен выглядеть на вашей странице.
Можно ли добавить CSS-классы или ID к сгенерированному списку?
Да. Используйте «Дополнительные параметры», чтобы задать ID списка, класс на элементе <ul>/<ol> и класс, применяемый к каждому <li>, чтобы вывод сразу вписывался в ваши существующие стили.
Как сделать нумерованный список, начинающийся не с 1?
Переключитесь на упорядоченный список и задайте поле «Начальный номер» в дополнительных параметрах. Это добавляет атрибут start к <ol>, чтобы нумерация начиналась с выбранного вами значения.
Превращаются ли пустые строки в пустые элементы списка?
Нет. Пустые строки или строки только из пробелов игнорируются, поэтому только непустые строки становятся элементами <li>, и вы не получите случайных пустых маркеров.
Безопасно ли вставлять сгенерированный HTML куда угодно?
Да. Разметка — это простой, соответствующий стандартам код ul/ol/li, генерируемый полностью в вашем браузере, поэтому ничего не загружается, и его можно вставить в любой сайт, CMS или редактор.
Похожие инструменты
Продолжайте работу с этими удобными инструментами