HTML 표 → CSV 변환기

HTML `

` 태그가 포함된 소스를 붙여넣으면 CSV/TSV로 변환합니다. 다른 사이트의 표를 복사해 스프레드시트에 가져오고 싶을 때 편리합니다. thead 안의 헤더 행을 자동으로 인식하며, 변환 처리는 모두 브라우저 내에서 이루어지고 서버로 전송되지 않습니다.

HTML 표와 CSV 행의 대응 관계

HTML 한 행 <tr><td>name</td><td>age</td><td>city</td></tr>
변환된 CSV 표기 name,age,city

`` 안의 행, 또는 첫 행이 ``로만 구성된 경우 헤더 행으로 인식되며, 그 외의 각 ``은 CSV의 한 행으로 변환됩니다.

팁

  • ``/`` 태그가 없는 HTML이라도, 첫 행의 셀이 모두 ``라면 헤더 행으로 자동 인식합니다.
  • 셀 안의 ``, `
    ` 등 장식 태그는 자동으로 제거되며, 텍스트 내용만 CSV로 변환됩니다.
  • 브라우저에서 다른 사이트의 표를 범위 선택해 복사하면 클립보드에 HTML 형식의 데이터가 함께 담기는 경우가 많아, 그대로 이 도구에 붙여넣어 변환할 수 있습니다.
  • 자매 도구인 CSV → HTML 표 변환기와는 반대 방향의 변환으로, 두 도구를 함께 사용하면 CSV와 HTML 표를 자유롭게 오갈 수 있습니다.

자주 묻는 질문

브라우저의 개발자 도구(요소를 선택한 뒤 우클릭 → "검사")로 표 부분의 HTML을 복사하거나, 페이지의 소스 보기(Ctrl+U 등)에서 `` 태그가 포함된 부분을 복사해 붙여넣으세요.

네. `
` 태그가 없어도 첫 ``의 셀이 모두 `
`라면 헤더 행으로 처리됩니다. 이 조건에도 해당하지 않으면 모든 행이 데이터 행으로 그대로 변환됩니다.

가장 먼저 발견된 `` 태그만 변환 대상이 됩니다. 여러 표를 변환하고 싶다면 각 표의 HTML을 개별적으로 붙여넣어 변환하세요.

아니요. 변환 처리는 모두 브라우저 내의 JavaScript에서 이루어지며, 입력한 HTML 내용이 서버로 전송되는 일은 없습니다.
ツールくん

여담 ― 브라우저의 "표 복사"에 HTML이 포함되는 이유

브라우저에서 표 범위를 선택해 복사하면, 클립보드에는 눈에 보이는 문자열뿐 아니라 그 이면에 HTML 형식의 데이터도 함께 저장된다. 이는 운영체제의 클립보드가 "다중 포맷"을 지원하기 때문으로, 복사한 애플리케이션이 여러 표현 형식(일반 텍스트, HTML, 리치 텍스트 등)을 동시에 기록하고, 붙여넣는 애플리케이션이 자신에게 가장 편한 형식을 골라 받을 수 있는 구조로 되어 있다.

Excel이나 스프레드시트에 다른 사이트의 표를 그대로 붙여넣었을 때 서식이나 링크까지 재현되는 것은 바로 이 구조 덕분이다. 반면 붙여넣는 대상이 단순한 텍스트 에디터나 CSV 파일인 경우, 이 이면의 HTML 정보는 활용되지 못한 채 일반 텍스트로 처리되어 표의 구조(어느 셀이 어느 열에 속하는지)가 사라지기 쉬웠다.

HTML 표 → CSV 변환과 같은 도구는 바로 이 "사라지기 쉬운 구조 정보"를 명시적으로 복원하는 역할을 맡는다. 브라우저의 표 복사 기능이 가진 HTML 구조를 그대로 활용해, 스프레드시트에서 올바르게 열이 나뉜 데이터로 재사용할 수 있게 해주는, 실무에서는 눈에 띄지 않지만 확실한 수요가 있는 분야다.

같은 카테고리의 도구