a 标签的用法

属性

• href
• target
• download
• rel=noopener

1. 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的位置

1. target
   • _self 默认值 新页面在当前的窗口打开
   • _blank 新页面在新的窗口打开
   • _top 在顶级窗口打开
   • _parent 在父级窗口打开
   • 自定义命名xxx 在命名为xxx的窗口打开
2. 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	表单提交后跳转的页面

事件

• onsubmit 表单提交处理

注意点

form里面的input要有name属性
form必须包含一个type='submit'的按钮才能触发提交

<input type='submit' value="提交">
<button type='submit'>提交</button>
//区别在于<input>不能包裹其他标签元素，<button></button>可以包裹任意内容