html table (테이블 표) 만들기 자동으로 해주는 사이트

작성자
eungabi
작성일
2022-09-01 14:16
조회
132

html 테이블 표를 쉽게 만들 수 있는 사이트 추천

인터넷에 글을 쓰다 보면 가끔은 표를 만들어서 표현 해야 할 때가 있습니다. 요즘은 대부분 에디터가 좋게 나와서 HTML 테이블 에디터의 기능으로 훌륭한 표를 작성 할 수 있지만 간혹 html 과 css를 직접 작성하여, table (테이블) 을 만들어 줘야 할때가 있습니다. 이런 경우 웹페이지 표 만들기 어려우신 분들이 많으실겁니다. HTML 표 병합 하기 라던지, table (테이블) 내부 선이나 바깥 테두리를 표현 한다던지 많은 시행 착오를 겪어야 HTML 테이블 디자인을 하는 경우가 많습니다.

table의 작성을 html로 작성 한다고 하면, 여러가지 태그 요소를 사용 해야 하는데, 헷갈려서 잘못 만드는 경우도 많습니다.

html 태그에서 표를 만드는데 필요한 테이블에 대한 태그는 여러 가지가 있습니다. table, thead, tbody, tfoot, td, tr, th 이러한 태그들을 잘 활용하여, 테이블 구성을 해야 하는데, html을 잘 다루는 고수분들이야 뚝딱 만들겠지만, 저 처럼 초보인 사람에게는 유용한 도구가 필요 합니다.

그래서 인터넷 검색을 통해 html 표 쉽게 만들기를 할 수 있는 html 표 쉽게 만들기 사이트를 알아 봤습니다.

Html 예쁜 표 만들기 사이트

표 쉽게 만들게 도와주는 사이트

html table 만들기 사이트1에서는 라이브를 통해서 에디터에서 표를 만드는 것 처럼 만들 수가 있습니다. CSS도 자동으로 제공 되기 때문에 편리하게 만들어서 웹사이트에 적용 할 수가 있습니다.

html table 만들기 사이트1
tables generator로 만든 표 예제
저도 사실 이번에 처음 tables generator 이용해서 적용 해봤습니다. html table 만들기 예제 입니다.

해당 표는 사실 반응형에 원하는대로 동작하지 않았지만, CSS를 조금 수정하여, 원하는 반응형 테이블로 표현 할 수 있었습니다.

HTML 테이블 만들기 사이트(div, table)

html table 만들기 사이트2에서는 div로도 표를 만들 수 있는 기능을 제공 합니다. 라이브로 표를 편집 할 수 있어 직관적으로 사용이 가능하고 CSS도 같이 지원을 해줍니다.

html table 만들기 사이트2

뉴스픽 & 오아시스 피드

전체 0