HTML 테이블 만들기 – C#

C#을 사용하여 HTML 테이블을 만드는 방법

테이블은 정보를 효과적으로 전달하는 데 중요한 역할을 합니다. 따라서 HTML 문서에 테이블을 추가하는 것은 웹 개발에서 중요한 측면이자 일반적인 요구 사항입니다. 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 테이블을 올바르게 사용하면 웹 페이지 콘텐츠의 가독성과 접근성을 향상시킬 수 있습니다.

HTML <table> 요소를 사용하여 HTML 문서와 웹 페이지에 표를 추가할 수 있습니다. HTML 테이블은 하나의 <table> 요소와 테이블 행, 테이블 헤더 및 테이블 셀을 정의하는 하나 이상의 <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 und style 등 테이블 속성을 설정합니다.
4. InsertRow() 및 InsertCell() 메서드를 사용하여 HTML 테이블에 행과 셀을 추가합니다.
5. Element 클래스의 TextContent 속성을 사용하여 셀의 텍스트 내용을 나타냅니다. 이 속성에 할당된 값은 HTML 테이블에 셀 내용으로 표시됩니다.
6. 새 테이블 요소를 HTML 문서에 추가합니다. Node 클래스의 AppendChild() 메서드를 사용하여 문서 본문의 하위 목록 끝에 테이블을 추가합니다.
7. Save() 메서드를 호출하여 수정된 HTML 문서를 추가된 테이블과 함께 저장합니다.

Aspose.HTML API에 대해 자세히 알아보려면 문서 가이드를 참조하세요. Edit HTML Document 문서 문서에서는 .NET API용 Aspose.HTML을 사용하여 문서 개체 모델을 읽거나 편집하는 방법에 대한 기본 정보를 제공합니다. HTML 요소를 생성하는 방법과 이를 사용하여 작업하는 방법(새 노드를 삽입하거나 기존 노드의 내용을 제거 또는 편집하여 문서 수정)을 살펴봅니다.

HTML 테이블 생성기 – 온라인 앱

Aspose.HTML은 사용자 정의 가능한 옵션으로 테이블을 생성하기 위한 온라인 애플리케이션인 HTML 테이블 생성기 를 제공합니다. 무료이며 사용이 명확합니다. 필수 옵션을 모두 입력하고 결과를 얻으세요! HTML 테이블 생성기는 HTML 테이블 코드를 자동으로 생성합니다. 이 도구는 필요한 HTML 테이블을 가져와 가능한 한 빨리 온라인에 게시할 수 있도록 설계되었습니다.