a标签
作用：用于给网页添加超链接
属性
- href：添加标签跳转的地址，地址写法分为以下几类
- http://XXX
- https://XXX
- //XXX 一般使用无协议的网址，通过浏览器的自动纠错功能跳转到准确的地址。
- target：链接的打开方式
- _blank：在新窗口打开
- _self: 在当前窗口打开
- _top：在当前窗口的最上级窗口打开
- _parent:在当前窗口的父级窗口打开
- xxx：在名为xxx的页面中打开，有则覆盖，没有则创建
- download：不打开链接而是直接下载，现在一般不用
- rel=noopener
路径
绝对路径： /a/b/c.html或者 a/b/c.html，/是服务器的根目录而不是文件根目录 相对路径： 直接相对当前路径，例如./index.html
伪协议
- JavaScript: ; :执行JavaScript代码。不写代码则不执行任何行为
- mailto: :发送邮件
- tel： 手机号，跳转到拨号页面
id
跳转到当前页面的对应id位置
img标签
作用：在页面上展示图片
属性
- src：插入的图片路径，一般用相对路径
- alt：图片加载不成功时代替显示的文字信息
- height/width:当二者未定义时，图片自适应，或其中之一定义时，另一个自适应，不要同时制定长和宽防止图片变形，合格的前端工作人员不会让网页中展示的图片变形
事件
onload：图片加载成功调用的函数 onerror：图片加载失败调用的函数
响应式
max-width:100%
table标签
作用：设计表格
属性
- thead：表头
- tbody：表内容
- tfoot：表底
- th：表头行
- tr： 表格行
- td： 内容
样式
- table-layout： auto自动布局，fixed固定宽度，一般取平均值
- border-collapse： collaspe 合并边距
- border-spacing：控制边距之间的距离，一般为0
form标签
作用：发送请求，刷新页面
属性
- action：提交表单的地址
- method：get或者post两种方式
- autocomplete：自动补全，读取已有的缓存信息
- target：参考a标签
事件
onsubmit： 注意form标签中一定需要有一个完成提交功能的标签。
input标签
作用：让用户输入内容
属性
text/button/submit/checkbox/email/file/hidden/number/password/radio等较为常用，其他的用到在查MDN
事件
onchange/onfocus/onblur 一般不监听input里面的click事件
感想
HTML标签比较复杂，不适合逐条记忆，应该提取内容的共性，记忆特殊内容，配合MDN及时查询。不要引入过高的记忆负担，HTML不是关键
