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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
|
<style>
table, th, td {
border: 1px solid black;
}
</style>
<!--thead와 tbody는 생략가능-->
<table>
<caption>Type1</caption>
<thead>
<tr>
<th>No.</th>
<th>Name</th>
<th>age</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Kim</td>
<td>30</td>
</tr>
<tr>
<td>2</td>
<td>Lee</td>
<td>20</td>
</tr>
</tbody>
</table>
<!--th와 td 의 차이를 위한 코드-->
<table>
<caption>Type2</caption>
<thead>
<tr>
<td>No.</td>
<td>Name</td>
<td>age</td>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Kim</td>
<td>30</td>
</tr>
<tr>
<td>2</td>
<td>Lee</td>
<td>20</td>
</tr>
</tbody>
</table>
|
cs |
위 코드를 적용하면 아래 처럼 나옵니다.
'Web > Html_Css' 카테고리의 다른 글
<p>태그, <br/>태그, <hr태그> 예시 (0) | 2020.03.02 |
---|---|
<!DOCTYPE html> 의 의미 (0) | 2020.03.02 |
폼 태그 (0) | 2020.01.19 |
html5과 이전버전의 미디어 차이 (0) | 2020.01.19 |
테스트 (0) | 2020.01.19 |