一、重点标签

（一） a标签

1.属性：

1. href 超链接 herf的取值

• 网址： google.com

google.com

//google.com

• 路径 /a/b/c以及a/b/c

index.html以及./index.html

• 伪协议 jsvascript:代码;

mailto:邮箱

tel:手机号

• id herf=#xxx

2. taiger 指定在哪个窗口打开超链接 target的取值

内置名字

• _blank 在空白页面打开
• _top 当前页面顶级窗口打开
• _parent 当前页面所在的上一层打开
• _self 在自己的窗口打开

程序员命名

• window的name
• iframe的name

3. download 下载网页 但较多浏览器不支持

4. rel=noopener

作用：

• 跳转外部页面
• 跳转内部锚点
• 跳转到邮箱或电话等

iframe 标签

内嵌窗口，现在已经很少使用

（二）table标签

1. table 展示表格
2. thead 头部

• tr table row table里面的一行 -th 表头

2. tbody 中部

• td 数据

3. tfoot 底部
4. 相关的样式

• table-lyout 计算宽和高的方式
• border-clooapse 边框合并
• border-spacing 边框间隙数值

（三）img标签

1. 作用：发出get请求，展示一张图片
2. 属性：

• alt加载失败显示的代替的文字
• height 高（只写高度 宽度会自适应）
• width 宽（只写宽度 高度会自适应）
• src 图片地址

3. 事件

• onload 查看图片是否加载成功
• onerror 查看图片是否加载成功，在图片失败时挽救

4. 响应式

• max-width：100% 图片最大范围是屏幕100 便于在手机显示

5. 可替换元素

（四）form标签

1. 作用：发get或post请求，然后刷新页面
2. 属性：

• action 要请求页面的地址
• autocomplete 自动填充
• method 控制用get还是post
• target 需提交的具体页面

3. 事件

• onsubmit 提交触发事件

4. input 和 button标签区别：input不支持有其他标签 只能有纯文本，button里面支持任何标签

（五）input标签

1. 作用：让用户输入内容
2. 属性

• 类型: type:button/checkbox/email/file（头像）/hidden（看不见的内容）/number/password/radio/search/submit/tel/text
• 其他: name/autofocus/checked/disabled/maxlength/pattern/value/placeholder

3. 事件

• onchange 用户改变的内容
• onfoucus 用户聚焦的内容
• onblur 用户失去聚焦的内容

4. 验证器 HTML5 自带验证器

（六）其他标签

• video 视频
• audio 音频
• canvas 画画
• svg 矢量图 （这些标签兼容性会有一些问题）