ToolPal

HTML 테이블 생성기

행, 열, 스타일 옵션을 설정하여 깔끔한 HTML 테이블 코드를 생성하세요.

테이블 설정

열 헤더

생성된 HTML

<table>
  <thead>
    <tr>
      <th>Header 1</th>
      <th>Header 2</th>
      <th>Header 3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Data 1,1</td>
      <td>Data 1,2</td>
      <td>Data 1,3</td>
    </tr>
    <tr>
      <td>Data 2,1</td>
      <td>Data 2,2</td>
      <td>Data 2,3</td>
    </tr>
    <tr>
      <td>Data 3,1</td>
      <td>Data 3,2</td>
      <td>Data 3,3</td>
    </tr>
  </tbody>
</table>

사용 방법

행, 열, 스타일 옵션을 설정하여 깔끔한 HTML 테이블 코드를 생성하세요.

  1. 1숫자 입력으로 행 수와 열 수를 설정하세요.
  2. 2'열 헤더' 섹션에서 사용자 정의 열 헤더 이름을 입력하세요.
  3. 3thead 포함, 캡션, 줄무늬 행, 테두리 옵션을 토글하세요.
  4. 4출력 패널에서 생성된 HTML을 복사하여 프로젝트에 붙여넣으세요.

주요 기능

  • 행(1–20) 및 열(1–10) 개수 설정 가능
  • 사용자 정의 열 헤더 및 선택적 테이블 캡션
  • thead, 줄무늬 행, 테두리 클래스 속성 토글
  • 깔끔한 시맨틱 HTML5 출력 — 인라인 스타일 없음

자주 묻는 질문

더 알아보기