在學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)的過(guò)程中，HTML 是必須掌握的一門(mén)基礎(chǔ)語(yǔ)言，而記事本是一款簡(jiǎn)單易用卻功能齊全的文本編輯工具。在本文中，我們將會(huì)介紹如何使用記事本來(lái)制作課程表的 HTML 代碼。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>課程表</title>
<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
padding: 10px;
text-align: center;
}
th {
background-color: #eee;
}
</style>
</head>
<body>
<h1>課程表</h1>
<table>
<tr>
<th>時(shí)間\星期</th>
<th>一</th>
<th>二</th>
<th>三</th>
<th>四</th>
<th>五</th>
</tr>
<tr>
<td>1</td>
<td>語(yǔ)文</td>
<td>數(shù)學(xué)</td>
<td>語(yǔ)文</td>
<td>地理</td>
<td>歷史</td>
</tr>
<tr>
<td>2</td>
<td>數(shù)學(xué)</td>
<td>英語(yǔ)</td>
<td>物理</td>
<td>語(yǔ)文</td>
<td>地理</td>
</tr>
<tr>
<td>3</td>
<td>英語(yǔ)</td>
<td>地理</td>
<td>生物</td>
<td>數(shù)學(xué)</td>
<td>英語(yǔ)</td>
</tr>
<tr>
<td>4</td>
<td>科學(xué)</td>
<td>化學(xué)</td>
<td>化學(xué)</td>
<td>生物</td>
<td>數(shù)學(xué)</td>
</tr>
</table>
</body>
</html>代碼中定義了一個(gè)包含表格的 HTML 結(jié)構(gòu)，使用 table 元素創(chuàng)建表格，thead 元素定義表頭，tr 元素定義表格行，th 和 td 元素定義表格單元格。通過(guò)在樣式表 style 中設(shè)置不同的樣式，可以更好地展示表格。
這是一個(gè)簡(jiǎn)單的課程表制作示例，使用記事本制作 HTML 代碼非常簡(jiǎn)單。只要注意各個(gè)元素的正確嵌套結(jié)構(gòu)和使用正確的屬性和值，就可以輕松制作出漂亮的網(wǎng)頁(yè)和應(yīng)用。
上一篇html電影院代碼