HTML <ol> と <ul> のリストをオンラインで作成

HTML List ジェネレーターは、入力された各行から ordered list の <ol> または unordered list の <ul> を作成します。1 行ごとに 1 つの <li> 要素が生成され、プレビュー、HTML 出力、C# 出力が連動して更新されます。

手順やランキングなど、項目の並び順に意味がある場合は ordered list を選択します。項目が同じ集合に属し、順序が重要でない場合は unordered list を選択してください。



C# で HTML <ol> と <ul> のリストを作成

C# パネルには、 Aspose.HTML for .NET を使用して設定したリストを作成する方法が表示されます。生成されたコードは次の手順を実行します。

  1. HTMLDocument を作成します。
  2. CreateElement() で、選択した ol または ul コンテナーを作成します。
  3. 入力された各行に対して li 要素を作成し、 TextContent にテキストを設定します。
  4. AppendChild() で項目とリストを接続し、 Save() で list.html を書き出します。

リストの種類と項目を設定してから、更新された C# コードをコピーしてください。


HTML List ジェネレーターの FAQ

1. ol と ul はどのように使い分けますか?

項目の順序を変えると意味が変わる手順、ランキング、時系列には <ol> を使用します。項目が同じ集合に属していても順序が重要でない場合は <ul> を使用します。

2. 入力したテキストはどのようにリスト項目へ変換されますか?

各行が、選択したリスト内の個別の <li> 要素になります。HTML の特殊文字はエスケープされるため、貼り付けたマークアップはネストした要素ではなくテキストとして表示されます。

3. 番号や箇条書きのマーカーを変更できますか?

ジェネレーターは意味を持つリスト構造を作成します。コピーした後で CSS の list-style-type などのプロパティを使用すると、<ol> や <ul> の意味を変えずに適切なマーカーを指定できます。

4. このジェネレーターでネストしたリストを作成できますか?

作成できるのは 1 階層のリストです。ネスト構造が必要な場合は、生成結果をコピーした後で対象の <li> 内へ別の <ol> または <ul> を配置するか、Aspose.HTML DOM API で階層を作成してください。

5. 生成されたリスト項目にリンクや別の HTML 要素を含められますか?

Lines フィールドから作成される項目はテキスト専用で、マークアップはエスケープされます。コピーした後で、HTML または DOM API を使用して必要な <li> 要素内へリンクなどの許可された内容を追加してください。


Aspose.HTML for .NET のインストール

.NET CLI を使用して、NuGet から Aspose.HTML for .NET をインストールします。

dotnet add package Aspose.HTML

NuGet パッケージ マネージャーの UI を使用するか、パッケージ マネージャー コンソールで Install-Package Aspose.HTML を実行することもできます。セットアップの詳細は インストール ガイド を参照してください。評価制限なしで API を試すには、 一時ライセンス を申請できます。