HTML 테이블 생성기
HTML 테이블을 쉽게 만들 수 있습니다. 아래 그리드에 데이터를 입력하거나 CSV/Excel에서 가져오세요.
테이블 옵션
행 추가:
열 추가:
헤더 범위::
캡션::
기본 옵션
테이블 너비::
테이블 높이::
테두리 있는 테이블:
테두리 두께::
테두리 색상::
셀 패딩::
테두리 병합::
테이블 옵션
HTML 코드
미리보기
HTML 테이블 생성기 사용 방법
- 1
데이터 입력
Grid Editor에서 셀을 채우고 행이나 열을 추가하거나, CSV Import 탭에서 CSV 및 Excel 데이터를 붙여넣으세요.
- 2
표 스타일 지정
테두리, 줄무늬, 호버, 반응형 같은 기본 옵션을 설정하거나, Advanced Options를 열어 ID, 클래스, 캡션, 테두리 색상을 지정하세요.
- 3
표 생성
Generate Table을 클릭해 HTML을 만들고 실제 모습을 정확히 미리 보세요.
- 4
HTML 복사
HTML Code 탭을 열고 Copy HTML로 마크업을 복사해 웹 페이지에 붙여넣으세요.
자주 묻는 질문
직접 입력하는 대신 데이터를 가져올 수 있나요?
네. CSV Import 탭은 스프레드시트에서 붙여넣은 쉼표, 탭, 세미콜론, 파이프로 구분된 데이터를 받으며, 첫 행을 헤더로 지정할 수 있습니다.
표를 반응형으로 만들 수 있나요?
네. Responsive Table 옵션을 켜면 표를 감싸서 작은 화면에서 깔끔하게 스크롤되고 다양한 레이아웃에 맞게 조정됩니다.
어떤 스타일 옵션이 있나요?
테두리, 줄무늬 행, 호버 강조, 캡션, 사용자 지정 ID 및 클래스 이름, 셀 패딩과 간격, 테두리 너비와 색상, 접근성을 위한 헤더 scope를 추가할 수 있습니다.
생성된 코드가 유효한 HTML인가요?
네. 도구가 올바르게 구조화된 table, thead, tbody, th, td 태그를 출력하므로 마크업이 깔끔하고 사이트에 바로 넣을 수 있습니다.
표 데이터가 어딘가로 전송되나요?
아니요. 모든 것이 브라우저 안에서 생성되므로 표 데이터가 기기에 남아 있으며, 이 도구는 완전히 무료로 사용할 수 있습니다.
관련 도구
이런 편리한 도구도 함께 사용해 보세요