标签：har row 菜谱 htm lan utf-8 src charset span
本次作业中关键用到的几个html标签：
colspan="列数" 单元格横跨的列数
rowspan="行数" 单元格竖跨的行数
border 表格边框
cellpadding 内边距
cellspacing 外边距
align="center" 字体居中
题目一：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>星期一菜谱</title>
</head>
<body>
<table border="1" cellspacing="0" style="border-color:#fd7bd7" cellpadding="5">
<tr>
<td colspan="3" align="center"> 星期一菜谱</td>
</tr>
<tr align="center">
<td rowspan="2">素菜</td>
<td>青炒茄子</td>
<td>花椒扁豆</td>
</tr>
<tr align="center">
<td>小葱豆腐</td>
<td>炒白菜</td>
</tr>
<tr align="center">
<td rowspan="2"> 荤菜</td>
<td>油焖大虾</td>
<td>海参鱼翅</td>
</tr>
<tr align="center">
<td> 红烧肉<img src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2846773786,1909168706&fm=58"></td>
<td>烤全羊</td>
</tr>
</table>
</body>
</html>
效果如下：
题目二：课程表
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>课程表</title>
</head>
<body>
<p align="center">课程表</p>
<table align="center" border="1" style="border-color:#362ae1">
<tr align="center" >
<th>项目</th>
<th colspan="5">上课</th>
<th colspan="2">休息</th>
</tr>
<tr align="center" >
<th>星期</th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
<th>星期四</th>
<th>星期五</th>
<th>星期六</th>
<th>星期日</th>
</tr>
<tr align="center" >
<td rowspan="4">上午</td>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>英语</td>
<td>物理</td>
<td>计算机</td>
<td rowspan="4">休息</td>
</tr>
<tr align="center" >
<td>数学</td>
<td>数学</td>
<td>地理</td>
<td>历史</td>
<td>化学</td>
<td>计算机</td>
</tr>
<tr align="center" >
<td>化学</td>
<td>语文</td>
<td>体育</td>
<td>计算机</td>
<td>英语</td>
<td>计算机</td>
</tr>
<tr align="center" >
<td>政治</td>
<td>英语</td>
<td>体育</td>
<td>历史</td>
<td>地理</td>
<td>计算机</td>
</tr>
<tr align="center" >
<td rowspan="2">下午</td>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>英语</td>
<td>物理</td>
<td>计算机</td>
<td rowspan="2">休息</td>
</tr>
<tr align="center" >
<td>数学</td>
<td>数学</td>
<td>地理</td>
<td>历史</td>
<td>化学</td>
<td>计算机</td>
</tr>
</table>
</body>
</html>
效果如下：
标签：har row 菜谱 htm lan utf-8 src charset span
原文地址：http://www.cnblogs.com/fyknight/p/7264290.html
