扩展标签:
1)锚点定位
① 在当前页面,可以快速定位。
② 使用步骤
第1步,先找到目标位置,添加个id属性
第2步,创建一个超链接,href的值为“#id值”
2)base标签
① 统一设置页面中所有a标签的打开方式
② 使用:
<base target="_blank" />
1)单标签
2)必须写在head标签中
3)pre标签
<pre></pre>
保留标签中文字的格式。
4)特殊字符
html中预留(征用了)一些符号,例如:><。
如果我们想在页面显示这些符号,就用特殊字符代替。
空格:
> :>
< :<
表格:
1)表格相关的标签
<table></table>
<tr></tr>
<td></td>、<th></th>加粗居中
<caption></caption>写在table内tr前面
2)表格的属性(加给table标签)
边框:border
宽width、高height
水平方向的位置:align
单元格外面的距离:cellspacing
单元格内文字距边框的距离:cellpadding
3)合并单元格
1)区分跨行合并还是跨列合并
2)步骤:
1.先确定是跨行rowspan还是跨列colspan
2.找到目标单元格(起始单元格),写合并方式和合并数量
3.删除多余的单元格
列表:
1)无序列表
<ul>
<li></li>
</ul>
2)自定义列表
<dl>
<dt></dt>
<dd></dd>
<dd></dd>
</dl>
表单:
1)表单域
<form></form>
2)输入框
文本输入框:<input type="text" value="默认内容" />
密码输入框:<input type="password" />
3)单选按钮和复选框
<input type="radio" name="sex" checked="checked" />
<input type="checkbox" name="hobby" checked="checked" />
4)各种按钮
普通按钮:<input type="button" value="按钮" />
表单提交按钮:<input type="submit" />
表单重置按钮:<input type="reset" />
图片提交按钮:<input type="image" src="" />
5)文件域(文件上传)
<input type="file" />
6)下拉列表
<select>
<option></option>
<option selected="selected"></option>
</select>
7)文本域
<textarea></textarea>
8)label标签:
提示文字+input标签
1)作用:
把提示文字和input绑到一起,单击文字跟单击输入框的效果是一样的。
2)用法:
第1种:直接用label把文字和input一起包裹起来。
<label>用户名:<input type="text" value="默认值"> </label>
第2种,用label只包裹文字,然后通过for和id来绑起来。
<label for="yu">用户名:</label><input type="text" value="默认值" id="yu"> |
|