表格练习
重点属性：
border,rowspan, colspan,text-align.
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>表格与表单</title><style>table {width: 50%;margin: 0 auto;border-spacing: 0;background-color: bisque;}caption {font-weight: bold;}.rest {background-color: lightcoral;color: honeydew;}td {text-align: center;}</style></head><body><!-- border设置表格的边框属性 --><table border="1"><!-- caption 用于表格中可以代替标题的作用，有居中的效果 --><caption>计算机班上半年课程表</caption><thead><tr><!-- th表头，带有字体加粗并且具有居中的效果 --><th>上午/下午</th><th>星期一</th><th>星期二</th><th>星期三</th><th>星期四</th><th>星期五</th></tr></thead><tbody><tr><!-- rowspan设置元素跨越几行 --><th rowspan="4">上午</th><td>UI设计</td><td>语文</td><td>web前端</td><td>英语</td><td>音乐鉴赏</td></tr><tr><td>数学</td><td>历史</td><td>web前端</td><td>英语</td><td>政治</td></tr><tr><td>UI设计</td><td>语文</td><td>web前端</td><td>概率与统计论</td><td>美术</td></tr><tr><td>UI设计</td><td>形体课</td><td>web前端</td><td>数学</td><td>彩妆</td></tr><tr><!-- colspan设置元素跨越几列 --><th colspan="6" class="rest">课间休息</th></tr></tbody><tbody><tr><th rowspan="3">下午</th><td>UI设计</td><td>web前端</td><td>英语</td><td>政治</td><td>彩妆</td></tr><tr><td>UI设计</td><td>气排球</td><td>web前端</td><td>历史</td><td>形体</td></tr><tr><td>UI设计</td><td>web前端</td><td>英语</td><td>美术</td><td>音乐鉴赏</td></tr><tr><th colspan="6" class="rest">周六/周末不上课</th></tr></tbody></table></body></html>