HTML 표 생성기 (엑셀 붙여넣기 → table 코드 · 마크다운)

엑셀에서 범위를 복사해 붙여넣기만 하면 HTML 표가 나옵니다. 블로그·게시판 편집기에 넣을 코드가 필요할 때, 또는 깃허브 README용 마크다운 표가 필요할 때 씁니다.

HTML 표 생성기 (엑셀 붙여넣기 → table 코드 · 마크다운)모두의계산기

엑셀에서 복사하면 탭 구분이다

엑셀·구글시트·Numbers에서 범위를 복사해 텍스트 칸에 붙여넣으면 셀은 탭, 행은 줄바꿈으로 구분된 텍스트가 들어옵니다. 자동 감지는 첫 줄에 탭이 있으면 탭을, 없으면 쉼표·세미콜론·세로줄 중 가장 많이 나온 것을 구분자로 씁니다. 셀 안에 쉼표가 들어 있는 CSV는 큰따옴표로 감싸져 있어야 하며, 이 도구는 그 규칙(RFC 4180)대로 따옴표 안의 구분자와 줄바꿈을 셀 내용으로 처리합니다. 변환은 브라우저 안에서만 이루어집니다.

thead와 tbody를 나누는 이유

첫 행을 <th>로 두고 <thead>에 넣으면 스크린리더가 각 셀을 읽을 때 열 제목을 함께 알려 주고, 인쇄할 때 페이지가 넘어가도 브라우저가 헤더를 반복해 줍니다. CSS에서 thead th만 따로 꾸미기도 쉽습니다. 반대로 데이터만 있는 표(헤더 없음)라면 옵션을 끄면 <tbody>만 나옵니다.

인라인 스타일을 넣을지

네이버 블로그, 티스토리 편집기, 이메일 본문처럼 별도 CSS를 넣을 수 없는 곳에서는 테두리 인라인 스타일을 켜야 표가 표처럼 보입니다. 반면 자기 사이트에 CSS가 있다면 스타일을 끄고 클래스명(예: Bootstrap의 table table-striped)만 붙이는 편이 깔끔합니다. 셀 내용의 < &는 자동으로 이스케이프되므로 데이터에 태그가 섞여 있어도 깨지지 않습니다.

마크다운 표의 한계

마크다운 표(GFM)는 헤더 행이 필수라 헤더 옵션을 끄면 "열1, 열2…"를 임시 헤더로 넣습니다. 셀 안의 |\|로 이스케이프되고, 셀 병합과 여러 줄 셀은 표현할 수 없습니다. 정렬은 구분선의 콜론 위치(:---, :---:, ---:)로 지정되며 열 단위로만 가능합니다. 한글은 영문보다 폭이 넓어 원문에서는 세로선이 어긋나 보이지만 렌더링 결과는 정상입니다.

자주 묻는 질문

열 개수가 행마다 달라요.

가장 긴 행을 기준으로 빈 셀을 채웁니다. 엑셀에서 병합된 셀을 복사하면 이런 경우가 생기니 원본에서 병합을 풀고 복사하는 것이 좋습니다.

숫자만 오른쪽 정렬은 어떻게 판단하나요?

셀 내용이 숫자·쉼표·소수점·%만으로 이루어져 있으면 숫자로 봅니다. "1,234원"처럼 단위가 붙으면 숫자로 보지 않습니다.

표에 링크나 굵은 글씨를 넣고 싶어요.

셀 내용은 모두 이스케이프되어 태그가 글자로 보입니다. 코드를 복사한 뒤 원하는 셀에서 직접 태그를 넣으면 됩니다.

함께 보기