HTML完整網頁設計代碼課程表
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>課程表</title>
<style>
body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
}
table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
border: 1px solid #000;
text-align: center;
}
th, td {
border: 1px solid #000;
padding: 10px;
}
th {
background-color: #999;
color: #fff;
font-size: 1.2em;
text-transform: uppercase;
}
tr:nth-child(odd) {
background-color: #f2f2f2;
}
</style>
</head>
<body>
<h1>課程表</h1>
<table>
<thead>
<tr>
<th>時間\星期</th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
<th>星期四</th>
<th>星期五</th>
</tr>
</thead>
<tbody>
<tr>
<td>8:00 - 9:30</td>
<td>課程1</td>
<td>課程2</td>
<td>課程3</td>
<td>課程4</td>
<td>課程5</td>
</tr>
<tr>
<td>9:50 - 11:20</td>
<td>課程5</td>
<td>課程4</td>
<td>課程3</td>
<td>課程2</td>
<td>課程1</td>
</tr>
<tr>
<td>13:30 - 15:00</td>
<td>課程2</td>
<td>課程3</td>
<td>課程1</td>
<td>課程5</td>
<td>課程4</td>
</tr>
<tr>
<td>15:20 - 16:50</td>
<td>課程4</td>
<td>課程5</td>
<td>課程1</td>
<td>課程3</td>
<td>課程2</td>
</tr>
<tr>
<td>19:00 - 20:30</td>
<td>課程3</td>
<td>課程1</td>
<td>課程2</td>
<td>課程4</td>
<td>課程5</td>
</tr>
</tbody>
</table>
</body>
</html>上面是一個簡單的HTML完整網頁設計代碼課程表，為學生們提供清晰的學習計劃，設計頁面美觀簡單，代碼容易理解，提供了相關的樣式和表格，讓學生更輕松的規劃自己的時間，更好地學習。