본문 바로가기

HTML

HTML(6) - 시간표 만들기

<!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>