<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>time</title>
</head>
<body>
<style>
h1, body {
color : #000000;
background : #ffffff;
}
th {
color : #ffe57f;
background : #00A5C4;
width : 100px;
height : 50px;
}
td {
width : 100px;
height : 50px;
text-align : center;
color : #000000;
background : #00A5C4;
}
</style>
<h1>시간표</h1>
<table border="1">
<thead>
<tr>
<th>시간</th>
<th>월</th>
<th>화</th>
<th>수</th>
<th>목</th>
<th>금</th>
</tr>
</thead>
<tbody>
<tr>
<td>1교시</td>
<td rowspan="3">IT창의공학</td>
<td></td>
<td></td>
<td></td>
<td rowspan="3">포토샵</td>
</tr>
<tr>
<td>2교시</tb>
<td></td>
<td>직업기초</td>
<td rowspan="2">PPT</td>
</tr>
<tr>
<td>3교시</td>
<td></td>
<td>컴퓨터활용</td>
</tr>
<tr>
<td>4교시</td>
<td colspan="5">점심시간</td>
</tr>
<tr>
<td>5교시</td>
<td rowspan="2">HTML5</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>6교시</td>
<td></td>
<td rowspan="2">IT외국어</td>
<td></td>
<td></td>
</tr>
<tr>
<td>7교시</td>
<td>PPT</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>8교시</td>
<td rowspan="2">실무영어회화</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>9교시</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
<script> alert("시간표제작") </script>
</body>
</html>
rowspan:셀의 높이 지정
colspan: 셀의 너비 지정
width: 넓이
height:높이
text-align:글씨 정렬
