HTML에서 테이블 표현

●테이블의 기본형식

 

 

See the Pen HTML-table1 by jangboraa (@jangboraa) on CodePen.

---

 

●테이블의 행과 열의 병합

 

*열병합*

See the Pen HTML-table2 by jangboraa (@jangboraa) on CodePen.

 

*행병합*

See the Pen HTML-table3 by jangboraa (@jangboraa) on CodePen.

 

*행 열 병합*

See the Pen HTML-table4 by jangboraa (@jangboraa) on CodePen.

---

● 테이블의 이용한 요소의 배치

 

 

See the Pen HTML-table5 by jangboraa (@jangboraa) on CodePen.

---

 

● 테이블 콘텐츠의 그룹핑

 

HTML 테이블에서 행 단위의 콘텐츠를 head, body, foot으로 구분하고 그룹핑하기 위하여 , , 태그를 사용한다.

See the Pen HTML-table6 by jangboraa (@jangboraa) on CodePen.