a 标签的用法
属性
- href
- target
- download
- rel=noopener
- href的值
规定链接跳转的目标
| 值 |
范例 |
作用 |
| 网址 |
<a href="//baidu.com"></a> |
跳转到百度 |
| 路径 |
<a href="./index.html"></a> |
跳转到当前目录下index.html |
| 伪协议 |
<a href="mailto:zlm6993@163.com"></a> |
跳转邮箱 |
| - |
<a href="tel:187xxxxxx92"></a> |
拨打电话 |
| - |
<a href="javascript:;"></a> |
不跳转 |
| - |
<a href="javascript:代码;"></a> |
执行代码 |
| id |
<a href="#id"></a> |
跳转页面内部锚点元素id的位置 |
- target
- _self 默认值 新页面在当前的窗口打开
- _blank 新页面在新的窗口打开
- _top 在顶级窗口打开
- _parent 在父级窗口打开
- 自定义命名xxx 在命名为xxx的窗口打开
- download
下载链接目标
img 标签的用法
属性
- src 图片资源的URL
- alt 图片未能正常展示时的提示
- height 图片高度 （单独设置宽或者高图片自适应，宽高不能同时设置，否则图片会变形）
- width 图片宽度
事件
- onload 图片加载成功处理
- onerror 图片加载出错处理，可用来设置加载失败时默认展示图片
table 标签的用法
<table>
<thead>
<tr>
<th></th>
</tr>
<thead>
<tbody>
<tr><td><td></td></td></tr>
<tr><td><td></td></td></tr>
<tbody>
<tfoot><tfoot>
</table>
样式
table-layout:auto(默认值)根据内容宽度自适应
:fixed 单元格宽度均分
boder-collapse:collapse 合并单元格
boder-spacing:0 单元格间隙0
input 标签的用法
属性
| 属性 |
值 |
| type |
text、button、checkdbox、email、file、hidden、number、password、radio、search、submit、tel |
| name |
ming |
| autofocus |
带出提示 |
| checked |
radio或者checkedbox 选中状态 |
| disabled |
禁用 |
| maxlength |
字符输入最大长度 |
| pattern |
验证输入的正则表达式 |
| value |
对应的值 |
| placeholder |
提示信息 |
事件
- onchange input框值改变事件
- onfoucs 鼠标聚焦事件
- onblur 鼠标失焦事件
form 标签的用法
属性
| 属性 |
值 |
| action |
表单提交的地址 |
| autocomplete |
开启自动补全 |
| method |
提交方法 默认值为GET一般设置为POST |
| target |
表单提交后跳转的页面 |
事件
注意点
form里面的input要有name属性
form必须包含一个type='submit'的按钮才能触发提交
<input type='submit' value="提交">
<button type='submit'>提交</button>
//区别在于<input>不能包裹其他标签元素，<button></button>可以包裹任意内容
