본문 바로가기
  • 실행력이 모든걸 결정한다
Frontend/HTML

테이블을 HTML 코드로 변환해주는 사이트

by 김코더 김주역 2022. 2. 2.
반응형

일일이 손코딩할 필요 없이 온라인 에디터에서 만든 테이블을 HTML 코드로 변환해주는 사이트를 추천한다.

https://divtable.com/converter/

 

HTML Table to Div Converter

Transform traditional HTML Tables to Div Tables. Copy and convert any visual table document to Div tables with a simple click of a button

divtable.com

 

테이블의 크기를 수정하면 width가 px단위로 나오기 때문에, px 단위를 원하지 않는다면 코드 에디터로 가져와서 개별적으로 크기 조절을 하는게 좋을 것 같다.

 

 

Insert table에서 테이블을 생성한다.

그리고 Cell 메뉴에서 셀의 속성(색, 정렬, 크기 등)을 지정할 수 있고, 셀을 병합 및 분리할 수도 있다. 

 

 

또, HTML 오른쪽에 있는 Indent 아이콘을 클릭하면 들여쓰기가 된다.

반응형

'Frontend > HTML' 카테고리의 다른 글

웹페이지에 소셜 기능 추가하기  (0) 2020.08.05
HTML 태그 빈도 통계  (0) 2020.08.03

댓글