课后作业
课程表
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>课程表</title>
<style>
div{
text-align:center;
}
</style>
</head>
<body>
<div>
<table border="2" bordercolor="blue" cellpadding="10" >
<caption><h1>课程表</h1></caption>
<tr>
<th>项目</th>
<th colspan="5">上课</th>
<th colspan="2">休息</th>
</tr>
<tr>
<th>星期</th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
<th>星期四</th>
<th>星期五</th>
<th>星期六</th>
<th>星期日</th>
</tr>
<tr>
<th rowspan="4">上午</th>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>英语</td>
<td>物理</td>
<td>计算机</td>
<td rowspan="4">休息</td>
</tr>
<tr>
<td>数学</td>
<td>数学</td>
<td>地理</td>
<td>历史</td>
<td>化学</td>
<td>计算机</td>
</tr>
<tr>
<td>化学</td>
<td>语文</td>
<td>体育</td>
<td>计算机</td>
<td>英语</td>
<td>计算机</td>
</tr>
<tr>
<td>政治</td>
<td>英语</td>
<td>体育</td>
<td>历史</td>
<td>地理</td>
<td>计算机</td>
</tr>
<tr>
<th rowspan="2">下午</th>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>物理</td>
<td>计算机</td>
<td>英语</td>
<td rowspan="2">休息</td>
</tr>
<tr>
<td>数学</td>
<td>数学</td>
<td>地理</td>
<td>历史</td>
<td>化学</td>
<td>计算机</td>
</tr>
</table>
</body>
</html>
课堂练习
咖啡店招聘<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>加入我们</title>
</head>
<body>
<h1>欢迎加入CODING COFFEE</h1>
<table border="2" bordercolor="blue" cellpadding="20" cellspacing="1">
<colgroup>
<col span="4" style="background-color: pink;">
</colgroup>
<tr>
<th>职位名</th>
<th>工作地点</th>
<th>职位等级</th>
<th>薪酬</th>
</tr>
<tr>
<td>咖啡师</td>
<td>纽约</td>
<td>L3</td>
<td>6000$</td>
</tr>
<tr>
<td>咖啡师助理</td>
<td>伦敦</td>
<td>L2</td>
<td>5000$</td>
</tr>
<tr>
<td>大中华区副总裁</td>
<td>北京</td>
<td>L8</td>
<td>面议</td>
</tr>
<tr>
<td>全球副总裁</td>
<td>佛罗伦萨</td>
<td>L9</td>
<td>面议</td>
</tr>
</table>
</body>
</html>
咖啡店订购<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>在线订购</title>
</head>
<body>
<h1>CODING COFFEE在线订购</h1>
<form action="http://www.codingcofee.com/user/register.php" method="POST">
<p>
请选择咖啡类型:<br>
<select name="bean">
<option value="blueHill">蓝山</option>
<option value="chocolate">摩卡</option>
<option value="kabu">卡布奇诺</option>
<option value="espresso" selected="selected">意式浓缩</option>
</select>
</p>
<p>
类型:<br>
<input type="radio" name="beanType" value="whole">完整豆子<br>
<input type="radio" name="beanType" value="ground">咖啡粉<br>
</p>
<p>
其他要求:<br>
<input type="checkbox" name="extra[]" value="giftwrap">礼盒包装<br>
<input type="checkbox" name="extra[]" value="list">购物清单<br>
</p>
<p>
送货地址:<br \>
姓名:<input type="text" name="name" value=""><br>
具体地址:<input type="text" name="address" value=""><br>
城市:<input type="text" name="city" value=""><br>
省:<input type="text" name="province" value=""><br>
区:<input type="text" name="area" value=""><br>
电话:<input type="tel" name="phoneNumber" value=""><br>
</p>
<p>
用户留言:<br>
<textarea name="comments" rows="10" cols="40"></textarea>
</p>
<p>
<input type="submit" value="提交">
<input type="reset" value="重置">
</p>
</form>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>加入我们</title>
</head>
<body>
<h1>欢迎加入CODING COFFEE</h1>
<table border="2" bordercolor="blue" cellpadding="20" cellspacing="1">
<colgroup>
<col span="4" style="background-color: pink;">
</colgroup>
<tr>
<th>职位名</th>
<th>工作地点</th>
<th>职位等级</th>
<th>薪酬</th>
</tr>
<tr>
<td>咖啡师</td>
<td>纽约</td>
<td>L3</td>
<td>6000$</td>
</tr>
<tr>
<td>咖啡师助理</td>
<td>伦敦</td>
<td>L2</td>
<td>5000$</td>
</tr>
<tr>
<td>大中华区副总裁</td>
<td>北京</td>
<td>L8</td>
<td>面议</td>
</tr>
<tr>
<td>全球副总裁</td>
<td>佛罗伦萨</td>
<td>L9</td>
<td>面议</td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>在线订购</title>
</head>
<body>
<h1>CODING COFFEE在线订购</h1>
<form action="http://www.codingcofee.com/user/register.php" method="POST">
<p>
请选择咖啡类型:<br>
<select name="bean">
<option value="blueHill">蓝山</option>
<option value="chocolate">摩卡</option>
<option value="kabu">卡布奇诺</option>
<option value="espresso" selected="selected">意式浓缩</option>
</select>
</p>
<p>
类型:<br>
<input type="radio" name="beanType" value="whole">完整豆子<br>
<input type="radio" name="beanType" value="ground">咖啡粉<br>
</p>
<p>
其他要求:<br>
<input type="checkbox" name="extra[]" value="giftwrap">礼盒包装<br>
<input type="checkbox" name="extra[]" value="list">购物清单<br>
</p>
<p>
送货地址:<br \>
姓名:<input type="text" name="name" value=""><br>
具体地址:<input type="text" name="address" value=""><br>
城市:<input type="text" name="city" value=""><br>
省:<input type="text" name="province" value=""><br>
区:<input type="text" name="area" value=""><br>
电话:<input type="tel" name="phoneNumber" value=""><br>
</p>
<p>
用户留言:<br>
<textarea name="comments" rows="10" cols="40"></textarea>
</p>
<p>
<input type="submit" value="提交">
<input type="reset" value="重置">
</p>
</form>
</body>
</html>