HTML 테이블은 웹페이지에 그리드 형식으로 데이터를 표시합니다. 테이블은 행과 열의 형태로 테이블 형식의 데이터를 구성하며, 각 셀에는 텍스트, 이미지, 링크 또는 기타 HTML 요소가 포함될 수 있습니다. 이번 블로그 게시물에서는 Java로 HTML 테이블을 만드는 방법을 알아봅니다.
이 문서에서는 다음 주제를 다룹니다.
- HTML 테이블을 생성하는 Java API
- HTML 테이블 생성
- 스타일 속성을 사용하여 HTML 테이블 생성
- rowspan 및 colspan이 포함된 HTML 테이블
- 온라인 HTML 테이블 생성기
- 무료 학습 자료
HTML 테이블을 생성하는 Java API
우리는 프로그래밍 방식으로 HTML 테이블을 생성하기 위해 Aspose.HTML for Java를 사용할 것입니다. 이를 통해 개발자는 Java 애플리케이션에서 HTML 문서로 작업할 수 있습니다. 이를 통해 HTML 문서를 다른 지원 형식으로 구문 분석, 렌더링, 편집 및 변환할 수 있습니다.
API의 JAR을 다운로드하거나 Maven 기반 Java 애플리케이션에 다음 pom.xml 구성을 추가하세요.
<repositories>
<repository>
<id>snapshots</id>
<name>repo</name>
<url>http://repository.aspose.com/repo/</url>
</repository>
</repositories>
<dependencies>
<dependency>
<groupId>com.aspose</groupId>
<artifactId>aspose-html</artifactId>
<version>23.11</version>
<classifier>jdk17</classifier>
</dependency>
</dependencies>
Java에서 HTML 테이블 만들기
HTML 테이블은 <table> 요소와 그 구조는 와 같은 다양한 다른 요소를 사용하여 추가로 지정됩니다.<tr> 행의 경우 <th> 헤더 셀의 경우 <td> 데이터 셀의 경우.
아래 단계에 따라 HTML 테이블을 쉽게 만들 수 있습니다.
- HTMLDocument 클래스의 인스턴스를 만듭니다.
- 선택적으로 스타일 요소를 생성하고 이를 헤드 요소에 추가합니다.
- 생성
<table>,<tbody>,<tr>,<th>, 그리고<td>createElement() 메소드를 사용하는 요소. - appendChild() 메서드를 사용하여 하위 요소를 상위 요소에 추가합니다.
- 그 뒤에 를 추가하세요.
<table>요소를<body>요소. - 마지막으로 save() 메서드를 호출하여 지정된 파일 경로에 문서를 저장합니다.
다음 코드 샘플은 Java에서 HTML 테이블을 생성하는 방법을 보여줍니다.
// 편집된 파일을 저장할 경로를 준비하세요
String savePath = "C:\\Files\\Table.html";
// 빈 HTML 문서 초기화
HTMLDocument document = new HTMLDocument();
// 스타일 요소를 생성하고 테이블 요소에 대한 색상 테두리 스타일 및 테두리 색상 값을 할당합니다.
Element style = document.createElement("style");
style.setTextContent("table, th, td { border: 1px solid #0000ff; }");
// 문서 헤드 요소를 찾아 헤드에 스타일 요소를 추가합니다.
Element head = document.getElementsByTagName("head").get_Item(0);
head.appendChild(style);
// 참조하는 변수 본문을 선언합니다.<body> 요소
Element body = document.getBody();
// 열과 행 지정
int cols = 3;
int rows = 2;
boolean isFirstRowHeader = false;
// 테이블 요소 생성
Element table = document.createElement("table");
// 테이블 본문 만들기
Element tbody = document.createElement("tbody");
table.appendChild(tbody);
// 테이블 머리글 행 만들기
if (isFirstRowHeader)
{
Element tr = document.createElement("tr");
tbody.appendChild(tr);
// 테이블 헤더 열 생성
for (int j = 1; j < cols + 1; j++)
{
Element th = document.createElement("th");
Text title = document.createTextNode("Column-" + j);
th.appendChild(title);
tr.appendChild(th);
}
for (int i = 0; i < rows - 1; i++)
{
// 테이블 행 생성
Element dataTr = document.createElement("tr");
tbody.appendChild(dataTr);
// 표 머리글 셀 만들기
for (int j = 1; j < cols + 1; j++)
{
Element td = document.createElement("td");
Text title = document.createTextNode("Data-" + j);
td.appendChild(title);
dataTr.appendChild(td);
}
}
}
else
{
for (int i = 0; i < rows; i++)
{
// 테이블 행 생성
Element dataTr = document.createElement("tr");
tbody.appendChild(dataTr);
// 표 셀 만들기
for (int j = 1; j < cols + 1; j++)
{
Element td = document.createElement("td");
Text title = document.createTextNode("Data-" + j);
td.appendChild(title);
dataTr.appendChild(td);
}
}
}
// 본문에 테이블 추가
body.appendChild(table);
// 문서를 파일로 저장
document.save(savePath);
Java에서 HTML 테이블 만들기
Java에서 스타일 속성을 사용하여 HTML 테이블 만들기
를 지정할 수 있습니다. <style> attributes for HTML elements using the SetAttribute(string name, string value) method. We will create an HTML table by following the steps mentioned earlier. However, we need to set the <style> attributes using the SetAttribute(string name, string value) method. It adds a new attribute for the element or updates the value if the attribute name is already present. We can set attributes for <table>, <tbody>, <tr>, <th>, and <td> elements.
다음 코드 샘플은 Java에서 스타일 속성을 사용하여 HTML 테이블을 생성하는 방법을 보여줍니다.
// 편집된 파일을 저장할 경로를 준비하세요
String savePath = "C:\\Files\\TableWithStyle.html";
// 빈 HTML 문서 초기화
HTMLDocument document = new HTMLDocument();
// 스타일 요소를 생성하고 테이블 요소에 대한 색상 테두리 스타일 및 테두리 색상 값을 할당합니다.
Element style = document.createElement("style");
style.setTextContent("table, th, td { border: 1px solid #0000ff; border-collapse: collapse;}");
// 문서 헤드 요소를 찾아 헤드에 스타일 요소를 추가합니다.
Element head = document.getElementsByTagName("head").get_Item(0);
head.appendChild(style);
// 참조하는 변수 본문을 선언합니다.<body> 요소
Element body = document.getBody();
// 테이블 요소 생성
Element table = document.createElement("table");
table.setAttribute("style", "background-color:#00FF00;");
// 테이블 본문 만들기
Element tbody = document.createElement("tbody");
table.appendChild(tbody);
// 테이블 헤더 행 생성
Element tr = document.createElement("tr");
tbody.appendChild(tr);
// 선택한 요소의 속성으로 스타일 속성 설정
tr.setAttribute("style", "border: 2px Black solid; background-color:Red; color:#FFFFFF");
// 테이블 머리글 셀 1 만들기
Element th = document.createElement("th");
Text title = document.createTextNode("Name");
th.appendChild(title);
tr.appendChild(th);
// 테이블 머리글 셀 2 만들기
th = document.createElement("th");
title = document.createTextNode("Email");
th.appendChild(title);
tr.appendChild(th);
// 테이블 머리글 셀 3 만들기
th = document.createElement("th");
title = document.createTextNode("Phone");
th.appendChild(title);
tr.appendChild(th);
// 테이블 데이터 행 생성
Element dataTr = document.createElement("tr");
tbody.appendChild(dataTr);
// 테이블 데이터 셀 1 만들기
Element td = document.createElement("td");
Text data = document.createTextNode("John Doe");
td.appendChild(data);
dataTr.appendChild(td);
// 테이블 데이터 셀 2 만들기
td = document.createElement("td");
data = document.createTextNode("john.doe@example.com");
td.appendChild(data);
dataTr.appendChild(td);
// 테이블 데이터 셀 3 만들기
td = document.createElement("td");
data = document.createTextNode("123-456-789");
td.appendChild(data);
dataTr.appendChild(td);
// 본문에 테이블 추가
body.appendChild(table);
// 문서를 파일로 저장
document.save(savePath);
Java에서 스타일 속성을 사용하여 HTML 테이블 만들기
Java에서 Rowspan 및 Colspan을 사용하여 HTML 테이블 만들기
<colspan> 그리고 <rowspan> 는 내에서 사용되는 HTML의 속성입니다.<td> 그리고 <th> HTML 테이블의 여러 열이나 행에 걸쳐 셀 범위를 제어하는 요소입니다. 를 설정할 수 있습니다.<colspan> 그리고 <rowspan> 아래와 같이 SetAttribute(문자열 이름, 문자열 값) 메서드를 사용하는 테이블 셀의 속성:
// 편집된 파일을 저장할 경로를 준비하세요
String savePath = "C:\\Files\\ColSpanRowSpan.html";
// 빈 HTML 문서 초기화
HTMLDocument document = new HTMLDocument();
// 스타일 요소를 생성하고 테이블 요소에 대한 색상 테두리 스타일 및 테두리 색상 값을 할당합니다.
Element style = document.createElement("style");
style.setTextContent("table, th, td { border: 1px solid #0000ff; border-collapse: collapse;}");
// 문서 헤드 요소를 찾아 헤드에 스타일 요소를 추가합니다.
Element head = document.getElementsByTagName("head").get_Item(0);
head.appendChild(style);
// 참조하는 변수 본문을 선언합니다.<body> 요소
Element body = document.getBody();
// 테이블 요소 생성
Element table = document.createElement("table");
// 테이블 본문 만들기
Element tbody = document.createElement("tbody");
table.appendChild(tbody);
// 테이블 헤더 행 생성
Element tr = document.createElement("tr");
tbody.appendChild(tr);
// 테이블 머리글 셀 1 만들기
Element th = document.createElement("th");
Text title = document.createTextNode("Person Details");
th.appendChild(title);
tr.appendChild(th);
// Colspan 지정
th.setAttribute("colspan", "2");
// 테이블 데이터 행 생성
Element dataTr = document.createElement("tr");
tbody.appendChild(dataTr);
// 테이블 머리글 셀 1 만들기
th = document.createElement("th");
title = document.createTextNode("Name");
th.appendChild(title);
dataTr.appendChild(th);
// 테이블 데이터 셀 2 만들기
Element td = document.createElement("td");
Text data = document.createTextNode("John Doe");
td.appendChild(data);
dataTr.appendChild(td);
// 테이블 데이터 행 생성
dataTr = document.createElement("tr");
tbody.appendChild(dataTr);
// 테이블 헤더 셀 생성
th = document.createElement("th");
title = document.createTextNode("Phone");
th.appendChild(title);
dataTr.appendChild(th);
// Colspan 지정
th.setAttribute("rowspan", "2");
// 테이블 데이터 셀 생성
td = document.createElement("td");
data = document.createTextNode("123-456-780");
td.appendChild(data);
dataTr.appendChild(td);
// 테이블 데이터 행 생성
dataTr = document.createElement("tr");
tbody.appendChild(dataTr);
// 테이블 데이터 셀 생성
td = document.createElement("td");
data = document.createTextNode("123-456-789");
td.appendChild(data);
dataTr.appendChild(td);
// 본문에 테이블 추가
body.appendChild(table);
// 문서를 파일로 저장
document.save(savePath);
Java에서 Rowspan 및 Colspan을 사용하여 HTML 테이블 만들기
무료 라이센스 받기
평가 제한 없이 Java용 Aspose.HTML을 사용해 보려면 무료 임시 라이센스를 받으세요.
HTML 테이블 생성기 온라인
이 API를 사용하여 개발된 무료 HTML 테이블 생성기 웹 앱을 사용하여 온라인으로 HTML 테이블을 만들 수도 있습니다.
HTML 테이블 만들기 - 학습 리소스
HTML 테이블 생성 외에도 HTML 문서 생성, 조작 및 변환에 대해 자세히 알아보고 아래 리소스를 사용하여 라이브러리의 다양한 기타 기능을 살펴보세요.
결론
이번 블로그 게시물에서는 Java로 HTML 테이블을 만드는 방법을 배웠습니다. 이 문서에 설명된 단계를 따르면 HTML 테이블 작업을 위한 사용자 정의 솔루션을 쉽게 개발할 수 있습니다. 모호한 점이 있으면 언제든지 무료 지원 포럼에 문의해 주세요.