웹사이트에서 게시판 구조 만드는 방법 "<table> 태그"

웹사이트에서 게시판 구조 만드는 방법

"<table> 태그"

웹사이트를 만들게 되면 여러가지 디자인을 할 때 레이아웃을 잡아야 합니다.

과거에는 웹페이지의 전체를 표로 잡아 개발했지만 W3C에서 테이블로 레이아웃 개발을 하지말자라고 해서 지금은 보다 간편한(?) 방법으로 레이아웃을 잡고 있습니다.

웹사이트에서는 주로 게시판 구조를 만들 때 사용됩니다.

<table> 기본 구조

<table> : 표를 만들기 위해 전체적인 구조를 구성하는 태그

<tr> :  table row를 뜻하며 한 줄을 의미하는 태그

<td> : table data를 뜻하며 하나하나의 데이터를 의미하는 태그

<table> 의미론적 구조

<th> : 텍스트 진하게 표시

<thead> : 테이블의 제목부분으로 가장 맨 위로 지정되는 태그

<tbody> : 테이블의 본문 태그

<tfoot> : 테이블의 끝을 의미하며 가장 아래로 지정되는 태그

<table> 수직, 수평 병합

<colspan="수직방향으로 병합할 숫자">

<rowspan="수평방향으로 병합할 숫자">

이 때 수직, 수평 방향으로 숫자를 입력했으면 -1 만큼 <td> 값을 지워줘야 합니다.