Html & Css
가로 방향의 셀을 그룹화하기
안개핑
2016. 6. 3. 16:00
테이블의 가로 방향의 배열을 머리글, 꼬리글, 본문 이렇게 세가지 구조노 나눠서 각각 그룹화할수 있습니다. 화면상에서 차이는 거의 없는데요, 재무제표와 같이 나타내야 할 데이터가 많을 경우에 3부분으로 나누면 페이지 출력속도가 빨라집니다. < tbody>부분은 하나로 한정도지 않고 여러개를 배치할 수 있으나 반드시 <thead>, <tfoot>, <tbody> 이렇게 차례로 입력해야합니다. 본문이 모두 표시되기 전에 꼬리글을 표시할수 있도록 하기 위해서죠. : ) < table border="1" width="40%"> < thead> <tr> <th>와우</th> <th>야후</th> <th>코리아!</th> </tr> < /thead> < tfoot> <tr> <th>하단</th> <th colspan="2">아자</th> </tr> < /tfoot> < tbody> <tr> <td>대한민국</td> <td>만세</td> <td>꿈은 이뤄질까?</td> </tr> <tr> <td>대한민국</td> <td>만세</td> <td>꿈은 이뤄질까?</td> </tr> <tr> <td>대한민국</td> <td>만세</td> <td>꿈은 이뤄질까?</td> </tr> < /tbody> < /table> |