[HTML] <table> 태그

<table> 태그는 엑셀처럼 표로 만드는 것이다.

게시판의 글 목록이나, 글의 간단한 목록들은 거의 테이블로 작성되지만
요즘은 <ul><li> 태그로 대체되고 있는 실적이다..

<table> 태그에 기본적 하위 태그는 <thead> <tbody> <tr> <th> <td> 태그가 있다.

<thead>는 머릿말, 표의 제목을 쓰는 곳이다.
<tbody>는 몸통, 즉 내용을 뜻한다.

<tr>은 가로줄을 만드는 역할을 하는 태그이고,
<th>는 표의 제목에 들어가는 태그이고, 세로줄을 만드는 역할을 한다. (기본으로 굵은 글씨체와 중앙 정렬을 지원한다.)
<td>는 몸통에 들어가는 태그이고, 세로줄을 만드는 역할을 한다. (기본으로 기본 글씨체와 왼쪽 정렬을 지원한다.)

그 다음은 <table> 태그 속성이다.

colspan : 가로줄을 합치는 역할
rowspan : 세로줄을 합치는 역할
border : 테두리를 그려주는 역할
bgcolor : 배경색을 설정하는 역할
width : 가로 크기 지정 역할
height : 세로 크기 지정 역할
cellpadding : 셀과 경계선 사이의 여백 설정
cellspacing : 셀과 셀사이의 여백 설정
align : 가로 정렬
valign : 세로 정렬

등등이 있다.
하지만 html5에서는
width, height, cellpadding, cellspacing, align, valign, bgcolor, border 등을 지원하지 않는다.

위에 적혀있는 속성들은 css에서 설정해주는 것이 바람직하다.

이 예제는 예제 사이트에서 정확히 알아보겠다.

http://hyoseung930.cafe24.com/bolg_poster/table_test_page.php