链接|列表|表格|表单演示

链接演示

<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>