HTML 표(Table) to CSV & 마크다운 변환기

HOT

웹페이지의 <table> HTML 코드를 엑셀용 CSV 파일(UTF-8 BOM 지원)과 GitHub 표준 마크다운 표로 즉시 변환

ADVERTISEMENT · TOP BANNER

Responsive 728x90 / 320x100 Ad Slot

(CLS Prevention Active · Zero Shift)
100% 브라우저 연산 (서버 전송 없음, 개인정보 안전)
Interactive Client Mode
HTML <table> 소스를 CSV 및 마크다운 표로 즉시 변환기
4 행(Rows) 감지
| Tool Name              | Category               | Monthly Traffic | Status |
| ---------------------- | ---------------------- | --------------- | ------ |
| JSON-LD Schema Builder | SEO &amp; Webmaster    | 45,000          | Live   |
| Open Graph Simulator   | Social &amp; Marketing | 68,000          | Live   |
| SPF &amp; DMARC Wizard | Security &amp; DNS     | 32,500          | Live   |
GitHub README, Notion, Velog 등 모든 마크다운 에디터에 완벽 호환됩니다.
ADVERTISEMENT · HIGH CTR IN-FEED

Native In-Feed / High Viewability Ad Slot

(CLS Prevention Active · Zero Shift)

HTML `<table>` 소스 코드를 엑셀용 CSV 및 깔끔한 Markdown 표로 즉시 변환기

웹 서핑 도중 위키백과(Wikipedia), 공공 데이터 포털, 금융 사이트, 정부 통계 보고서의 웹페이지에서 표 데이터를 복사하여 엑셀이나 마크다운 문서로 옮겨야 하는 경우가 매우 빈번합니다. 하지만 웹 브라우저에서 마우스 드래그로 표를 복사해 붙여넣으면 셀이 뒤엉키거나 줄바꿈 서식이 깨져 데이터를 수작업으로 재정리하는 데 엄청난 시간이 낭비됩니다.

또한 개발자나 테크 라이터가 GitHub 리포지토리의 `README.md`나 노션(Notion), 깃북(GitBook) 문서를 작성할 때 복잡한 HTML `<table><tr><th>...` 태그들을 일일이 마크다운 파이프(`| --- | --- |`) 표로 재작성하는 것은 매우 번거롭고 실수하기 쉽습니다.

오르보킷 HTML Table to CSV & Markdown 변환기는 임의의 HTML `<table>...</table>` 소스 코드를 입력받아 DOM 트리 구조를 정밀하게 파싱하고, `<th>` 헤더와 `<td>` 셀 데이터를 완벽히 보존하면서 엑셀(Excel)/구글 스프레드시트 호환 CSV 파일과 깃허브 지원 표준 Markdown 표로 실시간 양방향 변환해 줍니다.

HTML DOM 테이블 파싱 알고리즘과 마크다운 그리드 정렬 원리

`<tr>`, `<th>`, `<td>` 계층 구조를 2차원 매트릭스(2D Array)로 추출하고 특수문자 및 쉼표를 이스케이프하는 원리를 설명합니다.

CSV 및 마크다운 파이프 그리드 매핑 공식Mathematical Formulation
Markdown Row: | Col1 | Col2 | CSV Cell: EscapedCell = Cell.includes(',') ? '"' + Cell + '"' : Cell

마크다운은 셀 내부의 파이프 기호(`|`)를 `\|`로 이스케이프하며, CSV는 쉼표(,)나 큰따옴표(")가 포함된 셀을 큰따옴표로 감싸고 내부 따옴표를 쌍따옴표("")로 이스케이프합니다.

입력: <tr><th>항목</th><th>금액</th></tr><tr><td>사과, 배</td><td>₩5,000</td></tr>
DOM 파싱헤더: ['항목', '금액'], 행 1: ['사과, 배', '₩5,000']2x2 매트릭스 도출
마크다운 변환| 항목 | 금액 | | --- | --- | | 사과, 배 | ₩5,000 |GitHub 표준 표 완성
CSV 변환 (쉼표 보호)항목,금액 "사과, 배",₩5,000엑셀 컬럼 분리 방지
출력 완료원클릭 복사 및 즉각적인 엑셀 호환1초 만에 데이터 가공 성공

👉 서식이 뒤엉키지 않는 완벽한 데이터 구조 변환이 완료됩니다.

표 데이터 포맷(HTML vs CSV vs Markdown) 규격 비교표

각 표 형식의 특성, 호환 소프트웨어, 장단점 및 특수문자 처리 규칙 일람

포맷 규격주요 사용처셀 구분 기호 (Delimiter)장점주의사항 및 한계
HTML Table웹페이지, 이메일 템플릿<tr>, <td> 태그 계층스타일(CSS), colspan/rowspan 완벽 지원텍스트 에디터에서 직접 가독성 및 편집 극도로 난해
Markdown TableGitHub README, Notion, Velog파이프 기호 (|)가볍고 텍스트 에디터에서 가독성 최상셀 내부 줄바꿈 및 복잡한 병합(colspan) 미지원
CSV (쉼표 구분)MS Excel, Google Sheets, Python Pandas쉼표 (,)전 세계 모든 스프레드시트 및 데이터 분석 호환쉼표가 든 텍스트는 반드시 큰따옴표(") 래핑 필수
TSV (탭 구분)클립보드 다이렉트 복사-붙여넣기탭 문자 (\t)스프레드시트에 그대로 Ctrl+V 가능공백과 탭의 육안 구분이 어려움
Excel UTF-8 BOM국내 MS Excel 2016/2019/365EF BB BF 바이트 순서한국어/일본어/한자 글자 깨짐 100% 방지일부 구형 유닉스 CLI 도구에서 첫 문자 파싱 에러 주의
ADVERTISEMENT · IN-ARTICLE CONTENT

High-Engagement In-Article Native Ad Slot

(CLS Prevention Active · Zero Shift)

사용 방법

11. HTML <table> 소스 코드 붙여넣기

웹페이지 개발자 도구(F12)에서 복사한 `<table>...</table>` 코드 전체나 표가 포함된 HTML 스니펫을 입력창에 붙여넣습니다. [샘플 데이터 넣기]를 누르면 재무제표 표 예시가 자동 입력됩니다.

22. 출력 포맷 선택 (Markdown / CSV)

결과 탭에서 깃허브/블로그용 'Markdown 표'와 엑셀/스프레드시트용 'CSV (쉼표 구분)' 중 원하는 출력 형식을 선택합니다.

33. 공백 정제 및 엑셀 한글 인코딩 옵션 설정

셀 내부의 불필요한 줄바꿈 제거, HTML 태그 자동 스트립, 엑셀 한글 깨짐 방지용 UTF-8 BOM 옵션을 필요에 따라 켭니다.

44. 결과 복사 또는 .csv 파일 다운로드

[마크다운 복사] 버튼을 눌러 문서에 바로 붙여넣거나, [CSV 다운로드] 버튼을 눌러 엑셀에서 바로 열 수 있는 파일로 저장합니다.

실무 및 일상 실전 활용 사례

현업 및 실제 사이트 운영에서 활용되는 핵심 시나리오

위키백과 국가별 통계표를 엑셀 데이터로 추출 (위키피디아의 복잡한 100개국 인구 통계 표를 스프레드시트로 가져와 분석할 때)

위키 소스코드를 붙여넣어 단 1초 만에 깔끔한 CSV 파일로 다운로드하여 엑셀에서 피벗 테이블을 작성합니다.

개발자 GitHub README 마크다운 문서 작성 (웹페이지의 기능 비교표나 요금제 표를 깃허브 리포지토리 리드미 파일에 넣고 싶을 때)

복잡한 HTML 태그를 아름답게 열(Column) 정렬이 맞춰진 깃허브 마크다운 파이프 표로 즉시 변환합니다.

공공 데이터 웹 포털 테이블 정리 (정부 부처 웹사이트의 공시 표 데이터가 엑셀 다운로드를 지원하지 않고 웹 표로만 되어 있을 때)

HTML 개발자 도구의 `<table>` 요소를 복사해 변환하여 깨끗한 엑셀 파일로 백업합니다.

노션(Notion) 및 벨로그(Velog) 포스팅 작성 (마크다운 기반 블로그에 표를 삽입해야 하는데 마크다운 문법을 일일이 타이핑하기 힘들 때)

HTML 소스를 마크다운 표로 변환한 뒤 복사하여 포스팅에 즉시 붙여넣습니다.

💡 전문가 실무 지침 및 주의사항

✓ 실전 가이드 #1

웹 브라우저에서 원하는 표를 우클릭하고 [검사(Inspect)]를 누른 뒤, `<table ...>` 요소 위에서 마우스 우클릭 -> [Copy] -> [Copy element]를 누르면 소스코드를 가장 정확히 복사할 수 있습니다.

✓ 실전 가이드 #2

엑셀에서 CSV 파일을 열었을 때 한글이 외계어처럼 깨져 나온다면, 다운로드 시 반드시 'UTF-8 BOM 포함' 옵션을 활성화하세요.

✓ 실전 가이드 #3

마크다운 변환 결과는 컬럼 너비에 맞춰 공백이 자동으로 채워져(Pretty-printed) 텍스트 에디터에서도 깔끔하게 정렬되어 보입니다.

⚠️ 흔히 하는 실수 & 예방법

❌ 자주 하는 실수 #1
✅ `colspan`(열 병합)이나 `rowspan`(행 병합)이 적용된 복잡한 표는 표준 마크다운 표 규격이 병합을 지원하지 않으므로 데이터가 첫 번째 셀로 채워집니다.
❌ 자주 하는 실수 #2
✅ 셀 안에 이미지나 링크, 버튼 등 복잡한 자바스크립트 위젯이 들어있으면 텍스트 내용만 추출되거나 서식이 누락될 수 있습니다.
❌ 자주 하는 실수 #3
✅ 표 태그가 아닌 일반 `<div>` 태그로만 짜여진 CSS 그리드 레이아웃은 본 도구의 `<table>` 파서가 인식하지 못하므로 주의하세요.

자주 묻는 질문 (FAQ)

사용자 및 전문가들이 가장 자주 묻는 핵심 질문과 명확한 해답입니다.

6 Q&As

마우스 드래그로 복사하면 셀 내부의 링크, 아이콘, 숨겨진 스타일 태그까지 함께 딸려와 엑셀의 열과 행이 뒤죽박죽으로 어긋나기 십상입니다. 본 도구는 데이터의 순수한 텍스트 값만 정밀 추출하여 정규화하므로 엑셀에 붙여넣었을 때 행과 열이 칼같이 정렬됩니다.

ADVERTISEMENT · FOOTER BANNER

Wide Responsive Banner

(CLS Prevention Active · Zero Shift)