HTML テーブルの作成 – C#

C#を使用してHTMLテーブルを作成する方法

テーブルは、情報を効果的に伝達する上で重要な役割を果たします。したがって、HTML ドキュメントにテーブルを追加することは重要な側面であり、Web 開発における一般的な要件です。 Aspose.HTML for .NET は、開発者が HTML ドキュメント内のテーブルを管理するための堅牢なソリューションを提供します。 HTML テーブルの作成、テーブルの編集、HTML ドキュメントからのテーブルの追加、削除、抽出を行うことができます。 Aspose.HTML for .NET を使用して HTML テーブルを操作する方法を見てみましょう。

まず、プロジェクトに Aspose.HTML for .NET がインストールされていることを確認してください。 このライブラリのインストールプロセスは非常に簡単です。 NuGet パッケージ マネージャーを開き、Aspose.HTML を検索してインストールします。 パッケージ マネージャー コンソールから次のコマンドを使用することもできます。

Install-Package Aspose.HTML

HTML <table> 要素

HTML テーブルは、データを構造化された形式で整理して表示するために使用され、ユーザーが情報を理解し、比較しやすくします。 HTML テーブルを正しく使用すると、Web ページ上のコンテンツの読みやすさとアクセシビリティが向上します。

HTML <table> 要素を使用して、HTML ドキュメントおよび Web ページに表を追加できます。 HTML テーブルは、1 つの <table> 要素と、テーブル行、テーブル ヘッダー、およびテーブル セルを定義する 1 つ以上の <tr>、<th>、および <td> 要素で構成されます。 <table> 要素には、style、align、border、width などのグローバル属性を含めることができます。

<table style="border: 2px #5e5e5e solid" align="center" border="2" width="50%">
    <tbody>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
    </tbody>
</table>

C# を使用して HTML ドキュメントにテーブルを追加する

プログラムでテーブルを作成して HTML に追加する場合は、以下の C# コード例を参照してください。このコードは、3 行 4 列の HTML テーブルを生成し、各セルにその位置を示すコンテンツを入力して、そのテーブルを HTML ファイルに追加します。

using Aspose.Html;
using System.IO;
...

    // Create an instance of an HTML document
    using (var document = new HTMLDocument("input.html"))
    {
        var body = document.Body;

        // Create a table element
        var table = (HTMLTableElement)document.CreateElement("table");
        table.Border = "2";
        table.Align = "center";
        table.Style.Border = "2px #ff0000 dotted";
        table.SetAttribute("width", "50%");

        // Add html rows & columns
        for (int i = 0; i < 3; i++)
        {
            var row = (HTMLTableRowElement)table.InsertRow(table.Rows.Length);
            for (int j = 0; j < 4; j++)
            {
                var cell = (HTMLTableCellElement)row.InsertCell(row.Cells.Length);
                cell.TextContent = $"Row: {i + 1}, Column {j + 1}";
            }
        }

        // Attach the table to the document body
        body.AppendChild(table);

        // Save the HTML document to a file
        document.Save("create-html-table.html");
    }

HTMLテーブルを作成する手順

この例では、新しい HTML テーブル要素が作成され、属性が設定され、テーブルが HTML ドキュメントに追加されます。結果は、テーブルが追加された変更された HTML ドキュメントになります。

1. HTMLDocument() コンストラクターのいずれかを使用して HTML ドキュメントをロードします。
2. CreateElement() メソッドを使用して、新しいテーブル要素を作成します。
3. border、align、width、style などのテーブルの属性を設定します。
4. InsertRow() メソッドと InsertCell() メソッドを使用して、行とセルを HTML テーブルに追加します。
5. Element クラスの TextContent プロパティを使用して、セルのテキスト コンテンツを表します。このプロパティに割り当てられた値はすべて、HTML テーブルのセルのコンテンツとして表示されます。
6. 新しいテーブル要素を HTML ドキュメントに追加します。 Node クラスの AppendChild() メソッドを使用して、ドキュメント本体の子のリストの末尾にテーブルを追加します。
7. Save() メソッドを呼び出して、追加されたテーブルとともに変更された HTML ドキュメントを保存します。

Aspose.HTML API の詳細については、 ドキュメント ガイドを参照してください。 Edit HTML Document ドキュメント記事では、Aspose.HTML for .NET API を使用してドキュメント オブジェクト モデルを読み取りまたは編集する方法に関する基本情報を提供します。 HTML 要素の作成方法とその操作方法、つまり新しいノードの挿入、削除、既存ノードのコンテンツの編集によってドキュメントを変更する方法を学びます。

HTML テーブル ジェネレーター – オンライン アプリ

Aspose.HTML が提供する HTML テーブルジェネレータ は、カスタマイズ可能なオプションを備えたテーブルを作成するためのオンライン アプリケーションです。無料で使用することができます。必要なオプションをすべて入力するだけで結果が得られます。 HTML テーブル ジェネレーターは、HTML テーブル コードを自動的に作成します。このツールは、必要な HTML テーブルを取得して、できるだけ早くオンラインにできるように設計されています。