DevToolPal
한국어

CSV를 HTML 표로 변환

CSV 데이터를 헤더 행이 있는 깔끔한 HTML 표로 바꿔 웹 페이지나 이메일에 바로 붙여넣을 수 있게 합니다.

로컬에서 실행, 업로드 없음

옵션

입력

0자 · 0 B

출력

0자 · 0 B

기능 소개

이 도구는 CSV 데이터를 HTML 표로 바꿉니다. 첫 번째 행은 표 헤더(<thead> 안의 <th> 셀)가 되고, 나머지 행은 각각 <tbody> 안의 <tr>이 됩니다. 마크업은 들여쓰기가 되어 있고 인라인 스타일이 없어 읽기, 편집, 스타일 지정이 쉽습니다.

스프레드시트를 웹사이트에 게시하거나, 블로그 글이나 뉴스레터에 표를 넣거나, HTML 페이지에 데이터를 정리할 때 사용하세요.

사용 방법

  1. 입력 상자에 CSV를 붙여넣거나 .csv 파일을 업로드하거나 예시를 클릭합니다.
  2. 입력하는 동안 오른쪽에 HTML이 표시됩니다.
  3. 자동 감지가 잘못된 구분자를 고르면 구분자를 직접 선택하고, 데이터에 헤더가 없다면 첫 행은 헤더를 끕니다.
  4. 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까지의 입력은 입력하는 즉시 변환됩니다. 그보다 큰 파일은 수동 모드로 전환되므로 실행을 누르세요.