链接演示
<a href="www.baidu.com" target="_black">进入百度页面</a>
列表演示
无序列表
<ul><li>手机</li><li>电脑</li><li>平板</li></ul>
有序列表
<ol><li>手机</li><li>电脑</li><li>平板</li></ol>
表格元素
<table bgcolor="blue" border="1" cellpadding="6" cellspacing="0" align="center">
<colgroup>
<col bgcolor="yellow" />
<col bgcolor="green" />
<col />
<col />
</colgroup>
<caption>学生信息表</caption>
<thead>
<th>班级</th>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</thead>
<tbody>
<tr>
<td rowspan="2">高二（3）班</td>
<td>张三</td>
<td>18</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>19</td>
<td>男</td>
</tr>
<tr>
<td rowspan="2">高二（5）班</td>
<td>王二</td>
<td>19</td>
<td>男</td>
</tr>
<tr>
<td>小芳</td>
<td>18</td>
<td>女</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>备注：</td>
<td colspan="3">所填写信息必须真实有效！</td>
</tr>
</tfoot>
</table>
表单演示
<form>
<h2>用户基本信息</h2>
<section>
<label for="username">用户名：</label>
<input type="username" name="username" id="username" maxlength="20" requied autofocus />
</section>
<section>
<label for="password">密码：</label>
<input type="password" name="password" id="password" placeholder="8" requied />
</section>
<section>
<label for="">性别：</label>
<div>
<input type="radio" name="gender" id="male" value="male" checked /><label for="male">男</label>
<input type="radio" name="gender" id="female" value="female"/><label for="female">女</label>
</div>
</section>
<section>
<label for="">爱好：</label>
<div>
<input type="checkbox" name="a[]" id="game" value="game" /><label for="game">游戏</label>
<input type="checkbox" name="a[]" id="readbook" value="readbook" /><label for="readbook">看书</label>
<input type="checkbox" name="a[]" id="music" value="music" checked /><label for="music" >音乐</label>
</div>
</section>
</form>
