728x90
반응형
HTML - Table 기본구조 ( 테이블 표 caption figure figcaption table thead tbody tfoot tr th td ) |
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
|
<table border=1>
<caption>caption</caption>
<thead><tr><th>학생</th><th>나이</th></tr></thead>
<tbody><tr><td>홍길동</td><td>33</td></tr></tbody>
<tfoot><tr><td>김영희</td><td>23</td></tr></tfoot>
</table>
<hr>
<figure>
<figcaption>figcaption 상단</figcaption>
<table border=1>
<thead><tr><th>학생</th><th>나이</th></tr></thead>
<tbody><tr><td>홍길동</td><td>33</td></tr></tbody>
<tfoot><tr><td>김영희</td><td>23</td></tr></tfoot>
</table>
<figcaption>figcaption 하단</figcaption>
</figure>
<hr>
<figure>
<figcaption>figcaption 상단</figcaption>
<table border=1>
<caption>caption</caption>
<thead><tr><th>학생</th><th>나이</th></tr></thead>
<tbody><tr><td>홍길동</td><td>33</td></tr></tbody>
<tfoot><tr><td>김영희</td><td>23</td></tr></tfoot>
</table>
<figcaption>figcaption 하단</figcaption>
</figure>
|
cs |
caption 은 상단만 나오고 figcaption 은 상하단에 표출이 가능하다.
caption 과 figcaption 은 같이 쓰지 않는 것으로 알고 있다.
이유는 모르겠으나 figcaption 을 썼을 경우 위 이미지와 같이 앞에 공백이 생긴다.
728x90
반응형