<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>孤独一人</title>
</head>
<body>
<a href="http://php.cn">php中文网: 默认当前页面打开</a><!--链接标签 -->
<img src="图片路径">
<h3>购物车</h3>
<ul> <!-- 无序列表-->
<li>1. 方便面 1桶, 5元</li>
<li>2. 玩具遥控车 2个, 300元</li>
<li>3. 华为手机 ,1台, 9000元</li>
</ul>
<ol><!--有序列表-->
<li>123</li>
</ol>
<table border="1" cellspacing="0" cellpadding="5" width="500" align="left">
<!-- 表格标题-->
<caption>购物车</caption>
<thead>
<tr bgcolor="lightblue">
<th>编号</th>
<th>名称</th>
<th>单价</th>
<th>数量</th>
<th>金额</th>
</tr>
</thead>
<tbody>
<tr>
<td width="50">1</td>
<td width="200">方便面</td>
<td width="70">800</td>
<td width="50">1</td>
<td width="80">5/td>
</tr>
<tr>
<td>2</td>
<td>玩具遥控车</td>
<td>150</td>
<td>2</td>
<td>300</td>
</tr>
<tr>
<td>3</td>
<td>华为手机</td>
<td>4500</td>
<td>1</td>
<td>9000</td>
</tr>
<tfoot>
<tr>
<!-- 单元格在列方向上的合并: colspan-->
<td colspan="3" align="center">总计</td>
<!-- <td></td>-->
<!-- <td></td>-->
<td></td>
<td>9305</td>
</tr>
</tfoot>
</tbody>
<h3>用户注册</h3>
<form action="" method="get" name="register">
<p>
<label for="username">帐号:</label>
<input type="text" id="username" name="username" placeholder="不超过8个字符" autofocus>
</p>
<p>
<label for="password">密码:</label>
<input type="password" id="password" name="password" placeholder="6-12的字母和数字组成" autofocus>
</p>
<p>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email" placeholder="example@mail.com" required>
</p>
<p>
<label for="age">年龄:</label>
<input type="number" id="age" name="age" min="16" max="70">
</p>
<p>
<label for="birthday">生日:</label>
<input type="date" id="birthday" name="birthday">
</p>
<p>
<label for="course">课程:</label>
<!-- 默认显示是一个,可以用size设置-->
<select name="course" id="course" size="1">
<!-- 选择支持分组-->
<optgroup label="前端:">
<option value="0">请选择</option>
<option value="1">HTML5</option>
<option value="2">CSS3</option>
<!-- selected: 设置默认选项-->
<option value="3" selected>JavaScript</option>
</optgroup>
<optgroup label="后端:">
<option value="4">PHP</option>
<option value="5">MySQL</option>
<option value="6">ThinkPHP</option>
</optgroup>
</select>
</p>
<!-- 复选框-->
<p>
<label for="programme">爱好: </label>
<!-- 点击"爱好"标签会自动定位到"撸代码"选项上-->
<input type="checkbox" name="hobby[]" value="game" id="game"><label for="game">打游戏</label>
<input type="checkbox" name="hobby[]" value="programme" id="programme"><label for="programme">撸代码</label>
<!-- checked: 默认值-->
<input type="checkbox" name="hobby[]" value="programme" id="movies" checked><label for="movies">看片</label>
</p>
<!-- 单选按钮-->
<p>
<label for="male">性别: </label>
<!-- 点击"性别"标签会自动定位到"男生"选项上-->
<input type="radio" name="gender" value="male" id="male"><label for="male">男生</label>
<input type="radio" name="gender" value="female" id="female"><label for="female">女生</label>
<!-- checked: 默认值-->
<input type="radio" name="gender" value="secrecy" id="secrecy" checked><label for="secrecy">保密</label>
</p>
<!-- 文本域-->
<p>
<label for="comment">简介:</label>
<textarea name="comment" id="comment" cols="30" rows="10" maxlength="30" placeholder="内容不超过30字"></textarea>
</p>
<!-- 按钮 -->
<p>
<button type="submit">提交</button>
</p>
</body>
</html>