lable标签
有时候,我们希望点击文件的时候,鼠标的光标自动跳到输出框中。这需要使用lable功能
<div><labelfor="name2">姓名:<inputid="name2"type="test"></label><labelfor="111">密码:<inputid="111"type="test"></label><labelfor="222">婚否<inputid='222'type="checkbox"></label></div>
ul、ol、dl标签
<div><ul><li>淘宝</li><li>百度</li><li>腾讯</li></ul><ol><li>淘宝</li><li>百度</li><li>腾讯</li></ol><dl><dt>湖北省</dt><dd>咸宁市</dd><dd>武汉书</dd><dd>赤壁市</dd></dl></div>
table标签
table标签用来制作表格的。
<tr></tr> 表示行,同一行的内容写在一个<tr></tr>中,<td></td>表示列,一个<td></td>就是一列
<table><tr><td>IP</td><td>IDC</td><td>Status</td></tr><tr><td>172.16.2.5</td><td>cn-bj2</td><td>running</td></tr></table>
制作带边框的表格
<tableborder='1'><tr><td>IP</td><td>IDC</td><td>Status</td></tr><tr><td>172.16.2.5</td><td>cn-bj2</td><td>running</td></tr></table>
title格式:有时候我们希望第一行的内容为标题,文字居中,字体加粗,可以使用<th></th>标签
<table><tr><th>IP</th><th>IDC</th><th>Status</th></tr><tr><td>172.16.2.5</td><td>cn-bj2</td><td>running</td></tr></table>
合并单元格:
1、左右合并单元格:
左右合并单元格时,第一行就少一列字段,colspan='2',代表把两列合成一列
<tableborder="1"><tr><thcolspan="2">IP</th><th>Status</th></tr><tr><td>172.16.2.5</td><td>cn-bj2</td><td>running</td></tr><tr><td>172.16.2.12</td><td>cn-bj2</td><td>running</td></tr></table>
2、上下合并单元格
<tableborder="1"><tr><tdrowspan="2">IP</td><td>IDC</td><td>Status</td></tr><tr><td>IDC</td><td>Status</td></tr></table>
上下合并单元格时,第一行会多出一个字段,rowspan='2',表示把上下两行的单元格合并成一个单元格
fieldset标签
fieldset是用来将元素进行分组。
<fieldset><legend>新用户注册</legend><p>用户名:<inputtype="text"/>密码:<inputtype="text"/></p><p>邮箱:<inputtype="text"/></p><p>手机号:<inputtype="text"/></p><p><inputtype="submit"/></p></fieldset>