html/table통합.html at master · choi-woo-sung/html · GitHub

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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!doctype html>
<html lang= "ko">
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="./css/mycss.css" type="text/css">

		<style type="text/css">
		table{
			border : 2px solid blue;
		}
		td{
			width :300px;
			height : 50px;
			text-align : center;
			font-size : 2.0em;
		}
		caption{
			font-size : 1.5em;
			margin-top : 20px;
			margin-bottom : 20px;
			caption-side : top;
		}

		#t5{

		}
		</style>
	</head>

	<body>
	<pre>
		rowspan : 행병합, 세로로 병합
		colspan : 열병합, 가로로 병합
	</pre>
		<table border= "1">
			<caption>
			행과 열의 병합
			</caption>
		<tr>
		<td rowspan = "2">1</td>
		<td>2</td>
		<td>3</td>
		</tr>
		<tr>
		<td>2</td>
		<td>3</td>
		</tr>

		<td colspan="3">1</td>

		</tr>
		</table>
		<hr>


			<table id = "t5" border= "1">
			<caption>
			테이블 연습 2
			</caption>

		<tr>
		<td colspan = "2">1</td>
		<td colspan = "2">2</td>
		<td>3</td>
		<td>4</td>
		</tr>

		<tr>
		<td colspan = "4">1</td>
		<td colspan = "2">2</td>
		</tr>

		<tr>
		<td colspan = "4">1</td>
		<td rowspan = "2" colspan = "2">2</td>
		</tr>
			<tr>
		<td>1</td>
		<td>2</td>
		<td>3</td>
		<td>4</td>
		</tr>


		</tr>
		</table>
	<hr>


			<table id = "t5" border= "1">
			<caption>
			테이블 연습 1
			</caption>

		<tr>
		<th colspan="5">평생교육원 강좌 소개 - 2019년도 1학기</th>
		</tr>

		<tr>
		<td>강좌이름</td>
		<td >강의자</td>
		<td>소개</td>
		<td>강좌코드</td>
		<td>실습비</td>
		</tr>

		<tr>
		<td>뎃생과 유화</td>
		<td>김철수</td>
		<td>김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수</td>
		<td>H27</td>
		<td>100,000원</td>
		</tr>
		<tr>
		<td>바이올린</td>
		<td>홍길동</td>
		<td>김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수</td>
		<td>H28</td>
		<td>200,000원</td>
		</tr>
		<tr>
		<td>성악아카데미</td>
		<td>김호성</td>
		<td>김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수김철수</td>
		<td>H30</td>
		<td>300,000원</td>
		</tr>


		</tr>
		</table>


	</body>
</html>