1、<a>标签
- 常用属性
- href =(hyper refence) 超链接 用于连接网页
- target
- download
- rel-noopener
- a 的href的取值
- 网址
http://google.com - 路径
/a/b/c - 伪协议
- js代码
- mailto:邮箱
- tel:手机号
- id
herf="#xxx"
- 网址
<a href="javascript:;"> 查看</a>
↑一个什么都不做的A标签
- a 的target的取值(比想象中的要复杂)
- 内置名字
target="_top"
target="_self" (新页面在当前页面打开 )
target="_parent"
target="_blank" (在空白页面打开)
- 内置名字
2、<iframe>标签
作用:内嵌窗口,已经很少使用了。除了老系统。现在用ajax
3、<table>标签
三个常用子标签
<thead>
<tr> //table row 表格里的一行
<th> // 一行里面的一格
</tr>
</thead>
<tbody>
</tbody>
<tfoot>
</tfoot>
- 相关的样式
table-layout
border-collapse
border-spacing
4、<img>标签
- 作用:插入图片
- 属性
- alt
- height
- width
- src
- 事件
- onload
- onerror
作用:监听图片是否加载成功
- 响应式(重要!!)
max-width:100% //自适应所有屏幕大小
5、<form>标签
- 作用:发get火post请求,然后刷新页面。
- 属性
- action
- method
- autocomplete 自动填充
- target
6、<input>标签
- 作用:让用户输入内容
- 属性
- 类型 type:button/checkbox/email/flie/hidden.....
- 其他 name/autofocus/checked/disabled/....
- 事件
- onchange/onfocus/onblur
- 验证器
- html新增功能