[table] HTML - <caption> 태그 - 테이블제목 (= 표제목 = caption태그 = 캡션태그) (HTML5 align 속성 지원 X)

1. <caption> 예제 - 테이블 제목
2. <caption> 정의
3. <caption> 구문
4. <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 이용)