淘先锋技术网

首页 1 2 3 4 5 6 7

在学习网页设计的过程中,HTML 是必须掌握的一门基础语言,而记事本是一款简单易用却功能齐全的文本编辑工具。在本文中,我们将会介绍如何使用记事本来制作课程表的 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>时间\星期</th>
<th>一</th>
<th>二</th>
<th>三</th>
<th>四</th>
<th>五</th>
</tr>
<tr>
<td>1</td>
<td>语文</td>
<td>数学</td>
<td>语文</td>
<td>地理</td>
<td>历史</td>
</tr>
<tr>
<td>2</td>
<td>数学</td>
<td>英语</td>
<td>物理</td>
<td>语文</td>
<td>地理</td>
</tr>
<tr>
<td>3</td>
<td>英语</td>
<td>地理</td>
<td>生物</td>
<td>数学</td>
<td>英语</td>
</tr>
<tr>
<td>4</td>
<td>科学</td>
<td>化学</td>
<td>化学</td>
<td>生物</td>
<td>数学</td>
</tr>
</table>
</body>
</html>

代码中定义了一个包含表格的 HTML 结构,使用 table 元素创建表格,thead 元素定义表头,tr 元素定义表格行,th 和 td 元素定义表格单元格。通过在样式表 style 中设置不同的样式,可以更好地展示表格。

这是一个简单的课程表制作示例,使用记事本制作 HTML 代码非常简单。只要注意各个元素的正确嵌套结构和使用正确的属性和值,就可以轻松制作出漂亮的网页和应用。