성준영

practice_3 테이블 만들기

1 +<!DOCTYPE html>
2 +<html lang="en">
3 +<head>
4 + <meta charset="UTF-8">
5 + <title>테이블</title>
6 +</head>
7 +<body>
8 + <table border="1px">
9 + <thead>
10 + <tr>
11 + <th>분류</th>
12 + <th>제품명</th>
13 + <th>단가</th>
14 + <th>수량</th>
15 + <th>금액</th>
16 + </tr>
17 + </thead>
18 + <tbody>
19 + <tr>
20 + <th rowspan="3">공산품</th>
21 + <th>iPone</th>
22 + <th>900,000</th>
23 + <th>2</th>
24 + <th>1,800,000</th>
25 + </tr>
26 + <tr>
27 + <th>LED TV</th>
28 + <th>3,000,000</th>
29 + <th>3</th>
30 + <th>9,000,000</th>
31 + </tr>
32 + <tr>
33 + <th colspan="3">소계</th>
34 + <th>10,800,000</th>
35 + </tr>
36 + <tr>
37 + <th rowspan="2">농산품</th>
38 + <th>인삼</th>
39 + <th>10,000</th>
40 + <th>200</th>
41 + <th>2,000,000</th>
42 + </tr>
43 + <tr>
44 + <th colspan="3">소계</th>
45 + <th>2,000,000</th>
46 + </tr>
47 + <tr>
48 + <th colspan="4">합계</th>
49 + <th>12,800,000</th>
50 + </tr>
51 + </tbody>
52 + </table>
53 +</body>
54 +</html>
...\ No newline at end of file ...\ No newline at end of file