HTML课程表绘制
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>课程表</title>
</head>
<body>
<table border="1" width="60%" bgcolor="pink" cellpadding="2">
<caption>
课程表
</caption>
<tr align="center">
<td colspan="2">时间\日期</td>
<td>一</td>
<td>二</td>
<td>三</td>
<td>四</td>
<td>五</td>
</tr>
<tr align="center">
<td rowspan="2">上午</td>
<td>9:30-10:15</td>
<td>语文</td>
<td>数学</td>
<td>外语</td>
<td>音乐</td>
<td>体育</td>
</tr>
<tr align="center">
<td>10:25-11:10</td>
<td>数学</td>
<td>数学</td>
<td>物理</td>
<td>化学</td>
<td>生物</td>
</tr>
<tr>
<td colspan="7"> </td>
</tr>
<tr align="center">
<td rowspan="2">下午</td>
<td>14:30-15:15</td>
<td>体育</td>
<td>语文</td>
<td>历史</td>
<td>政治</td>
<td>化学</td>
</tr>
<tr align="center">
<td>15:25-16:10</td>
<td>音乐</td>
<td>语文</td>
<td>数学</td>
<td>美术</td>
<td>语文</td>
</tr>
</table>
</body>
</html>
程序运行结果:
代码分析:
html:超文本标记语言。
lang=“en”:向搜索引擎表示该页面是HTML语言,并且语言为英文网站,“lang”是language,“en”是English,可以将它改为“zh”:表示中文网站。
head:头标签
meta charset=“UTF-8” :声明文档中使用的字符编码格式,这个需要放在head标签的最前面,避免出现乱码。
title:定义文档标题
body:网页的主体部分,body里面的内容可以在网页上使用户看到。
table:创建表格。
border:设置表格的边框宽度。
width:设置表格的宽。
bgcolor:设置表格的背景颜色。
cellpadding:设置单元之间的间距。
caption:定义表格的标题。
tr:行
align:设置元素的水平对齐方式,通常使用left(左对齐)、center(居中)、right(右对齐)、justify(两端对齐)。
td:列。
colspan:合并列。
rowspan:合并行。
 :不换行空格。