今天聊一聊HTML的常用标签！
一. a标签
(1)属性
- √.href
- √.target
- √.download
- √.rel=noopener
网址
- https:google.com
- http:google.com
- //google.com（最高级）
路径
- /a/b/c以及a/b/c (哪里开的服务，那里就是根目录)
- index.html以及./index.html
伪协议
- javascript：代码 href="javascript:alert(1);" （写一个空的伪协议(没有动作的伪协议) javascript:;）
- id href=#xxx(自动跳转到"#xxx")
- mailto:邮箱
- tel:手机号
target的取值
- _blank 新页面打开
- _self 原本本页面打开 （给个不允许iframe指向它）
- _parent 父级窗口打开
- _top 顶级窗口打开
- xxx 重复利用一个页面
- iframe
-1-.href=hyper(超级)+ref(引用/链接)写一个网址。 ``` 超链接 ``` （！！！永远不要双击打开超链接，否则在运行的过程中会出现很多错误。可在终端里面输入hs -c-1 弹出的窗口需要添加路径。）
-2-.target (在哪一个窗口打开超链接)
-3-.download(下载一个网页)只需要了解即可，很多浏览器都不支持download。
-4-.主要是为了防止个BUG。
(2) 作用
- √ .跳转外部页面
- √ .跳转内部锚点
- √ .跳转到邮箱或者电话等
二·.iframe标签(内嵌窗口)
三. table标签（表格，标签内只能含有3个标签 可以不按顺序写，和顺序无关）
-1-.相关标签
- 允许有的三个标签thead，tbody，tfooter
- tr代表"行"
- th代表"表头"(放在tr中)
- td表示"数据"(放在tr中)
-2-.相关样式
- table-layout（auto:自动计算宽和高 fixed：列的宽度是通过表格来设置）
- border-collapse(collapse 合并单元格)
- ！写表格通常的话是需要写两行代码（border-collapse:collapse and border-spacing:0px）
四.img标签（！！！底线:永远不能让图片变形）
作用：发出一个get请求，展示一张图片（在img中只写高度和宽度另一项就会自适应）
属性
- alt(可选的，替换的)
- height
- width
- src
事件（监听图片是否加载成功）
- onload（成功）
- onerror（失败）
- 响应式（手机端） 需要写max_width:100%
五.form标签（表单标签）
作用
- 发送post/get请求，然后刷新页面
作用
- 发送post/get请求，然后刷新页面（标签中一般有提交按钮和输入按钮）代码：input type=“text” input type="submit"
- form-action "/yyy"(请求到那个页面)method=“post”（控制用get/post）
属性
- action(请求)
- autocomplete(是否自动填充)举例：name="username"
- method（控制）
- target（举例：名称为yyy，target的作用就是把那个页面变成"yyy"）
事件
- onsubmit（input type="submit" value"可以为任何东西"方框显示“value”）
- 有两种区别input/button (1.input不能有其他内容，buttton可以有任何东西)
- !!!form必须有一个type=“submit”属性（这个表单才能提交，默认也是submit）
六.input标签（让用户输入内容）
属性
- type（默认的是text文本）
- password (不展示之前的内容)
- radio选择(如何二选一，让两个radio拥有同一个name)
- checkbox（多选 也是拥有同一个name）
- file（上传加一个multipe可以多选）
- hidden （就是看不见的一部分）
- textarea /texttrea(可以拖动)
- 不拖动textrea style=:"resize:none;width;50%;height:300px"
- option value:"0"请选择 /option（以此类推）
标签
- select+option
- textare
- label
事件
- onchange
- onfocus
- onblar
注意事项
- 一般不监听input的click事件
- form里面的input要有name
- form里面要放一个type=submit才能触发submit事件
