복잡한 표 <table> 코딩 쉽게 하기

---

▒ 복잡한 표 <table>코딩 쉽게 하기

 

셀병합이 없는 단순한 표는 사실 코딩하는데 있어서 별 문제가 없다.

그러나 셀병합이 많이지는 복잡한 표는 코딩하는데 엄청 헷갈린다. 이를 해결할 수 있는 무료 사이트가 있다.

 

사이트바로가기

HTML Table generator - TablesGenerator.com

 

 

 

■ 사용 방법

 

 

HTML Tables 탭을 선택 후 Table에서 기본이 되는 표를 그리고  Generate를 누른다.

CSS를 따로 설정할거면 Do not generate CSS를 체크 후 만들도록 하고 테두리와 배경색을 추가할 경우 체크해제를 한다.

 

 

 

 

 

순서대로 셀병합/셀나누기/글자색/셀배경색/테두리색/효과없애기 이다.

표를 디자인하기 귀찮으면 Theme를 눌러서 디자인된 표를 불러올 수 도 있다.

 

 

 

 

 

 

하단에 보면 내가 어떤 표를 만들고 있는지 미리보기가 가능한 버튼이 있으며 다 만든 후 복사해서 필요한 곳에 붙여넣기 하면 된다.

단순한 표는 그냥 코딩하면 되지만 복잡한 표는 이런 서비스를 이용한다면 작업속도가 훨씬 빠를 것이다.