<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>시간표</title>
<style>
table{
border: 2px solid #d2d2d2;
border-collapse: collapse;
font-size: 0.9em;
}
th, td{
border: 1px solid #d2d2d2;
border-collapse: collapse;
}
th{
height: 5px;
}
td {
width: 75px;
height: 60px;
}
</style>
</head>
<body>
<table width=400 height="600" style="color: #121212">
<caption>▶ 강의 시간표 ◀</caption>
<tr width=19%>
<th></th>
<th>월</th>
<th>화</th>
<th>수</th>
<th>목</th>
<th>금</th>
</tr>
<tr>
<th>9</th>
<td></td>
<td rowspan="2" style="background-color: #ecc369">Practical English A2</td>
<td rowspan="2" style="background-color: #f08676">해부생리학2</td>
<td rowspan="2" style="background-color: #70a5e9">Practical English A4</td>
<td rowspan="2" style="background-color: #75ca87">다문화가족건강</td>
</tr>
<tr>
<th>10</th>
<td></td>
</tr>
<tr>
<th>11</th>
<td style="background-color: #f08676">해부생리학2</td>
<td></td>
<td></td>
<td></td>
<td rowspan="2" style="background-color: #d397ed">창조와 몰입</td>
</tr>
<tr>
<th>12</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th>1</th>
<td></td>
<td rowspan="2" style="background-color: #a6c96f">삶과 철학</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th>2</th>
<td></td>
<td rowspan="2" style="background-color: #7ad1c0">인간행동과심리</td>
<td></td>
<td></td>
</tr>
<tr>
<th>3</th>
<td></td>
<td></td>
<td rowspan="2" style="background-color: #fbaa69">문학의이해</td>
<td></td>
</tr>
<tr>
<th>4</th>
<td></td>
<td></td>
<td></td>
<td rowspan="3" style="background-color: #9d86e0">의료보건글쓰기</td>
</tr>
<tr>
<th>5</th>
<td></td>
<td></td>
<td></td>
<td rowspan="2" style="background-color: #f08676">노인심리학</td>
</tr>
<tr>
<th>6</th>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
'HTML' 카테고리의 다른 글
HTML(8) - 블록과 인라인/공간 분할 예 (0) | 2020.05.12 |
---|---|
HTML(7) - 이미지 사용, 오디오 열기, 비디오 열기 (0) | 2020.05.12 |
HTML(5) - 표만들기 (0) | 2020.05.11 |
HTML(4) - 목록 페이지 (0) | 2020.05.11 |
HTML(3) - 구분선 그리기/글자 태그/페이지 연결(링크) (0) | 2020.05.11 |