HTML 표 → CSV 변환기
HTML <table> 태그가 포함된 소스를 붙여넣으면 CSV/TSV로 변환합니다. 다른 사이트의 표를 복사해 스프레드시트에 가져오고 싶을 때 편리합니다. thead 안의 헤더 행을 자동으로 인식하며, 변환 처리는 모두 브라우저 내에서 이루어지고 서버로 전송되지 않습니다.
HTML 표와 CSV 행의 대응 관계
| HTML 한 행 | <tr><td>name</td><td>age</td><td>city</td></tr> |
|---|---|
| 변환된 CSV 표기 | name,age,city |
<thead> 안의 행, 또는 첫 행이 <th>로만 구성된 경우 헤더 행으로 인식되며, 그 외의 각 <tr>은 CSV의 한 행으로 변환됩니다.
팁
<thead>/<tbody>태그가 없는 HTML이라도, 첫 행의 셀이 모두<th>라면 헤더 행으로 자동 인식합니다.- 셀 안의
<strong>,<br>등 장식 태그는 자동으로 제거되며, 텍스트 내용만 CSV로 변환됩니다. - 브라우저에서 다른 사이트의 표를 범위 선택해 복사하면 클립보드에 HTML 형식의 데이터가 함께 담기는 경우가 많아, 그대로 이 도구에 붙여넣어 변환할 수 있습니다.
- 자매 도구인 CSV → HTML 표 변환기와는 반대 방향의 변환으로, 두 도구를 함께 사용하면 CSV와 HTML 표를 자유롭게 오갈 수 있습니다.
자주 묻는 질문
<table> 태그가 포함된 부분을 복사해 붙여넣으세요.<thead> 태그가 없어도 첫 <tr>의 셀이 모두 <th>라면 헤더 행으로 처리됩니다. 이 조건에도 해당하지 않으면 모든 행이 데이터 행으로 그대로 변환됩니다.<table> 태그만 변환 대상이 됩니다. 여러 표를 변환하고 싶다면 각 표의 HTML을 개별적으로 붙여넣어 변환하세요.
여담 ― 브라우저의 "표 복사"에 HTML이 포함되는 이유
브라우저에서 표 범위를 선택해 복사하면, 클립보드에는 눈에 보이는 문자열뿐 아니라 그 이면에 HTML 형식의 데이터도 함께 저장됩니다. 이는 운영체제의 클립보드가 "다중 포맷"을 지원하기 때문으로, 복사한 애플리케이션이 여러 표현 형식(일반 텍스트, HTML, 리치 텍스트 등)을 동시에 기록하고, 붙여넣는 애플리케이션이 자신에게 가장 편한 형식을 골라 받을 수 있는 구조로 되어 있습니다.
Excel이나 스프레드시트에 다른 사이트의 표를 그대로 붙여넣었을 때 서식이나 링크까지 재현되는 것은 바로 이 구조 덕분입니다. 반면 붙여넣는 대상이 단순한 텍스트 에디터나 CSV 파일인 경우, 이 이면의 HTML 정보는 활용되지 못한 채 일반 텍스트로 처리되어 표의 구조(어느 셀이 어느 열에 속하는지)가 사라지기 쉬웠습니다.
HTML 표 → CSV 변환과 같은 도구는 바로 이 "사라지기 쉬운 구조 정보"를 명시적으로 복원하는 역할을 맡습니다. 브라우저의 표 복사 기능이 가진 HTML 구조를 그대로 활용해, 스프레드시트에서 올바르게 열이 나뉜 데이터로 재사용할 수 있게 해주는, 실무에서는 눈에 띄지 않지만 확실한 수요가 있는 분야입니다.