1. 설명
- 여러 데이터를 표로 정리해서 보여주는 태그
2. 종류
- table : 테이블 생성 태그
- caption : 테이블 캡션
- th : 테이블 헤더
- tr : 테이블 행
- td : 테이블 열
> 행 그룹
- thead : 테이블 헤더 정보
- tbody : 테이블 본문 정보
- tfoot : 테이블 footer 정보
3. 코드
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>변경 타이틀</title>
<!--타이틀 변경 방법(참고 : https://hkand.blogspot.com/2023/01/html5.html)-->
<body>
<h3>표 만들기</h3>
<hr>
<table border="1">
<caption>비교표</caption>
<thead>
<tr><th>이름</th><th>개</th><th>고양이</th></tr>
</thead>
<tfoot>
<tr><th>합</th><th>2</th><th>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>
</body>
</html>
- THEAD, TFOOT, TBODY 순서로 작성해야 함.(W3C 권고)
> TBODY 내용이 많은 경우 TBODY 모든 값을 출력하기 전 TFOOT을 출력하기 위함.
5. 참고
- https://www.w3.org/TR/html401/struct/tables.html
끝.
