기능 소개
이 도구는 CSV 데이터를 HTML 표로 바꿉니다. 첫 번째 행은 표 헤더(<thead> 안의 <th> 셀)가 되고, 나머지 행은 각각 <tbody> 안의 <tr>이 됩니다. 마크업은 들여쓰기가 되어 있고 인라인 스타일이 없어 읽기, 편집, 스타일 지정이 쉽습니다.
스프레드시트를 웹사이트에 게시하거나, 블로그 글이나 뉴스레터에 표를 넣거나, HTML 페이지에 데이터를 정리할 때 사용하세요.
사용 방법
- 입력 상자에 CSV를 붙여넣거나
.csv파일을 업로드하거나 예시를 클릭합니다. - 입력하는 동안 오른쪽에 HTML이 표시됩니다.
- 자동 감지가 잘못된 구분자를 고르면 구분자를 직접 선택하고, 데이터에 헤더가 없다면 첫 행은 헤더를 끕니다.
- HTML을 복사하거나
.html파일로 다운로드합니다.
예시
name,city
Alice,Shanghai
변환 결과:
<table>
<thead>
<tr>
<th>name</th>
<th>city</th>
</tr>
</thead>
<tbody>
<tr>
<td>Alice</td>
<td>Shanghai</td>
</tr>
</tbody>
</table>
참고
가장 긴 행보다 셀이 적은 행은 빈 셀로 채워지므로 모든 행의 열 수가 같아집니다.
자주 묻는 질문
› 생성된 표에 스타일을 적용할 수 있나요?
네. 출력은 인라인 스타일이 없는 순수한 <table>, <thead>, <tbody>, <tr>, <th>, <td> 마크업이므로 사이트의 CSS가 그대로 적용됩니다. <table> 태그에 클래스를 추가해 지정하면 됩니다.
› CSV에 헤더 행이 없으면 어떻게 하나요?
"첫 행은 헤더"를 끄세요. 그러면 모든 행이 데이터 행으로 작성되고 <thead>는 생성되지 않습니다.
› 특수 문자는 안전하게 처리되나요?
네. <, >, &, 따옴표는 이스케이프되므로 셀 내용은 텍스트로 표시되고 HTML이 삽입될 수 없습니다. 셀 안의 줄바꿈은 <br>로 바뀝니다.
› 크기 제한이 있나요?
1MB까지의 입력은 입력하는 즉시 변환됩니다. 그보다 큰 파일은 수동 모드로 전환되므로 실행을 누르세요.