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

+ Recent posts