1、列表标签
自定义列表标签
<dl>
<dt>标题1</dt>
<dd>列表项1</dd>
<dd>列表项2</dd>
<dd>列表项3</dd>
<dt>标题2</dt>
<dd>列表项1</dd>
<dd>列表项2</dd>
<dd>列表项3</dd>
<dd>列表项4</dd>
</dl>
这个用的还是比较广泛的。比如京东的页面,手机通讯就好比标题1,之后的手机 对讲机 以旧换新 手机维修就是列表项。
2、表格标签(QQ的注册页面竟然是用表格做的)
<table>
<thead>
<tr>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
</table>
3、单元格的合并
rowspan="2";一个单元格占用2行显示;
colspan="2";将一行中的一个单元格占用两个列显示;
4、节标签
①div块级标签
②span行内标签
5、单选框radio默认选中是checked,下拉列表select默认选中的是selected,多选框checkbox默认选中是checked。
<input type="radio" name="">name属性是让同一个name的多个单选按钮成为一组。
6、label标签:
应用实例:QQ注册页面单选按钮点击文字的时候也可以选中单选按钮。
①点击label中文字会根据for指向的id自动指向这个id。②不用for,用label标签直接将单选按钮和文字包裹在一起也可以实现。
<input type="radio" name="gender" checked id="man"><label for="man">男</label>
<label><input type="radio" name="gender">女</label>
7、