Criar listas HTML <ol> e <ul> online

O Gerador HTML List cria uma lista ordenada <ol> ou não ordenada <ul> a partir das linhas inseridas. Cada linha se transforma em um elemento <li>, e a visualização e as saídas HTML e C# são atualizadas em conjunto.

Escolha uma lista ordenada quando a sequência dos itens tiver significado, como em instruções ou classificações. Escolha uma lista não ordenada quando os itens formarem um conjunto e a sequência não for essencial.



Criar listas HTML <ol> e <ul> em C#

O painel C# mostra como criar a lista configurada com Aspose.HTML for .NET . O código gerado segue este fluxo:

  1. Crie um HTMLDocument .
  2. Use CreateElement() para criar o contêiner ol ou ul selecionado.
  3. Crie um elemento li para cada linha inserida e atribua seu texto por meio de TextContent .
  4. Conecte os itens e a lista com AppendChild() e salve list.html com Save() .

Escolha o tipo de lista e insira os itens antes de copiar o código C# atualizado.


Perguntas sobre o Gerador HTML List

1. Quando devo usar <ol> em vez de <ul>?

Use <ol> quando alterar a ordem dos itens também alterar o significado, como em etapas, classificações ou sequências cronológicas. Use <ul> quando os itens estiverem relacionados, mas sua ordem não for relevante.

2. Como o gerador transforma o texto inserido em itens de lista?

Cada linha se transforma no texto de um elemento <li> separado dentro da lista selecionada. Os caracteres HTML especiais são escapados, portanto a marcação colada é exibida como texto em vez de ser inserida como elementos aninhados.

3. Posso alterar os números ou marcadores da lista?

O gerador cria a estrutura semântica da lista. Depois de copiá-la, use a propriedade CSS list-style-type e outras propriedades de lista para escolher um marcador adequado sem alterar o significado de <ol> ou <ul>.

4. Este gerador pode criar listas aninhadas?

O gerador cria apenas um nível. Para montar uma estrutura aninhada, coloque outro <ol> ou <ul> dentro do <li> correspondente após copiar a marcação, ou crie essa hierarquia com a API DOM do Aspose.HTML.

5. Um item da lista gerada pode conter um link ou outro elemento HTML?

O campo Lines cria itens somente com texto e escapa a marcação. Depois de copiar o resultado, adicione links ou outro conteúdo permitido dentro dos elementos <li> necessários em HTML ou por meio da API DOM.


Instalar o Aspose.HTML for .NET

Instale o Aspose.HTML for .NET pelo NuGet usando a CLI do .NET:

dotnet add package Aspose.HTML

Você também pode usar a interface do Gerenciador de Pacotes NuGet ou executar Install-Package Aspose.HTML no Console do Gerenciador de Pacotes. Consulte o guia de instalação para configurar a biblioteca ou solicite uma licença temporária para avaliar a API sem limitações.