도구 가이드
엑셀에서 정리한 표를 웹페이지에 넣으려면 HTML 표 코드로 바꿔야 합니다. 행마다 tr 태그, 칸마다 td 태그를 손으로 적는 일은 지루하고 태그 하나만 빠져도 표가 깨집니다.
이 도구는 엑셀에서 복사한 탭 구분 데이터나 쉼표로 구분된 텍스트를 붙여넣으면 완성된 HTML 표 코드를 만들어 줍니다. 첫 행은 머리글로 처리되어 th 태그가 적용됩니다.
값에 포함된 부등호나 앰퍼샌드 같은 특수문자는 자동으로 이스케이프되어 표가 깨지거나 예상치 못한 태그로 해석되는 문제를 막습니다.
사용 방법
- 엑셀에서 표 범위를 복사하거나 구분된 텍스트를 붙여넣습니다.
- 구분자가 탭인지 쉼표인지 확인합니다.
- 생성된 HTML 표 코드를 확인합니다.
- 복사해 웹페이지나 게시글에 붙여넣습니다.
이럴 때 유용해요
- 블로그 게시글에 표를 넣을 때
- 엑셀 데이터를 웹페이지로 옮길 때
- 이메일 템플릿에 표 형태 정보를 넣을 때
- 문서 시스템에 붙여넣을 표 코드를 만들 때
사용 팁
- 생성된 코드에는 스타일이 없습니다. 테두리나 여백은 CSS로 따로 지정하세요.
- 첫 행이 머리글로 처리되므로 데이터만 있다면 머리글 행을 먼저 추가하세요.
- 표가 넓으면 모바일에서 잘립니다. 가로 스크롤이 되도록 감싸는 요소에 overflow 설정을 넣으세요.