Генератор HTML List

Создание списков HTML <ol> и <ul> онлайн

Генератор HTML List создаёт ordered list <ol> или unordered list <ul> из введённых строк. Каждая строка становится отдельным элементом <li>. Предварительный просмотр, HTML-код и C#-код обновляются одновременно.

Выбирайте ordered list, если последовательность элементов имеет значение, например для инструкции или рейтинга. Используйте unordered list, если элементы образуют набор и порядок несущественен.

Создание списков HTML <ol> и <ul> на C#

На панели C# показано, как создать настроенный список с помощью Aspose.HTML for .NET . Сгенерированный код выполняет следующие действия.

1. Создаёт HTMLDocument .
2. С помощью CreateElement() создаёт выбранный контейнер ol или ul.
3. Для каждой введённой строки создаёт элемент li и задаёт его текст через TextContent .
4. Соединяет элементы и список методом AppendChild() , затем сохраняет файл list.html методом Save() .

Выберите тип списка и введите элементы, а затем скопируйте обновлённый C#-код.

Вопросы о генераторе HTML List

1. Когда следует использовать <ol> вместо <ul>?

Используйте <ol>, если изменение порядка меняет смысл, например в пошаговой инструкции, рейтинге или хронологической последовательности. Используйте <ul>, когда элементы объединены общей темой, но их порядок неважен.

2. Как генератор преобразует введённый текст в элементы списка?

Каждая строка становится текстом отдельного элемента <li> внутри выбранного списка. Специальные символы HTML экранируются, поэтому вставленная разметка отображается как текст, а не добавляется как вложенные элементы.

3. Можно ли изменить номера или маркеры списка?

Генератор создаёт семантическую структуру списка. После копирования используйте CSS-свойство list-style-type и связанные с ним свойства, чтобы выбрать подходящий маркер, не изменяя назначение <ol> или <ul>.

4. Может ли генератор создавать вложенные списки?

Генератор создаёт только один уровень списка. Для вложенной структуры после копирования поместите другой <ol> или <ul> внутрь нужного <li> либо создайте такую иерархию с помощью Aspose.HTML DOM API.

5. Может ли элемент созданного списка содержать ссылку или другой HTML-элемент?

Поле Lines создаёт только текстовые элементы и экранирует разметку. После копирования результата добавьте ссылки или другое допустимое содержимое внутрь нужных <li> в HTML либо с помощью DOM API.

Установка Aspose.HTML for .NET

Установите Aspose.HTML for .NET из NuGet с помощью .NET CLI:

dotnet add package Aspose.HTML

Также можно использовать интерфейс диспетчера пакетов NuGet или выполнить Install-Package Aspose.HTML в консоли диспетчера пакетов. Подробные инструкции приведены в руководстве по установке . Чтобы протестировать API без ограничений ознакомительной версии, запросите временную лицензию .