목차
- <caption> 예제 - 테이블 제목
- <caption> 정의
- <caption> 구문
- <caption> 속성 (※ 앞으로는 CSS 이용)
<caption> 예제 - 테이블 제목
<table border=1>
<caption>코딩언어</caption>
<tr>
<th>HTML</th>
<th>CSS</th>
</tr>
<tr>
<td>기본틀</td>
<td>디자인</td>
</tr>
</table>
<caption> 정의
테이블의 제목/설명 기재.
1.
<caption> 태그는 <table> 태그 바로 뒤에 위치시킴.
2.
<table> 태그 하나 당
하나의 <caption> 태그만 가능.
3.
기본적으로 테이블의 상단 중앙에 위치.
※ CSS (text-align / caption-side) 속성으로 위치 변경 가능.
4.
HTML5 경우, align 속성 지원 X.
5.
시작태그와 종료태그로 구성
<caption> 구문
<table 속성="속성값">
<caption>표 제목</caption>
<tr>
<th>제목</th><th>제목</th>
</tr>
<tr>
<td>내용</td><td>내용</td>
</tr>
</table>
<caption> 속성 (※ 앞으로는 CSS 이용)
속성 |
속성값 |
쓰임새
|
비고 |
align |
left
right top bottom
|
표 제목 위치
|
HTML5 제외 |
<caption> 태그는 전역속성과 이벤트속성 지원.