HTML重要标签

a标签的用法

a标签可以实现超链接

1. href 超级链接（可以链接到网页）
2. target a标签的属性（_blank 空白处打开/ _self 自身窗口打开/ _top最外层窗口打开/ _parent父级窗口打开/ target=xxx 可以指定iframe窗口打开，需要name名字对应）
3. download 下载网页（该功能浏览器支持较少）
4. HTTP://协议 ，HTTPS://协议 ，//无协议网址（自动选择适用两种协议）
5. a/b/c.html 路径层级（指向a目录下的b目录下的C.html文件，./index.html和index.html是同一个意思，讲述的根目录下的index.html文件）
6. id锚（可以通过id和对应的#属性去跳转当前页面的位置）
7. 伪协议：JavaScript:alert(1);执行js伪协议代码反馈1 ; JavaScript:;点击之后不反馈任何动作
8. a标签mailto 可以点击邮件发送，自动呼出邮件发送的应用框，
9. a标签 tel=“1325842454” 点击之后可以直接呼出电话

img标签的用法

img的作用是发出一个get请求展示一张图片

1. alt 加载图片失败的情况下显示文字

2. with height 分别显示宽度跟高度（只写宽度则高度自适应，只写高度则宽度自适应，两个都写变形）

3. 事件：onload/onerror 监听事件

    <img id=“xxx” src=“a.jpg” alt="文字">
   
   

   
   xxx.onload = function(){console.log("图片加载成功");};
   
   xxx.onerror = function(){console.log("图片加载失败");};
   xxx.src='/b.jpg'  //原图加载失败就加载a.jpg
   

4. max-width：100% 响应式属性，可以是图片在任何设备上打开都是百分百占满，自适应移动设备

from标签

from的作用是发出get或者post请求，然后刷新页面

1. action 指控制的页面，method 控制的请求get还是post

2. autocomplete 是否给出自动输入框建议 on 是 / off 否（需要在input text 加上username才知道是请求的用户名）

3. target 告诉 from 我要提交到哪个页面刷新，例如：

    <form action="" metoh="post" target="a">
        <input name ="username" type="text" />
        <input type="submit"/>
   
    </form>
    <iframe name="a" src="">
    //刷新的是name为a的iframe的内嵌页面
    </iframe>
   

submit提交

input的submit 跟 button的 submit 区别就是 ：

• input 无法修改属性无法添加任何操作
• button 可以添加操作样式图片等任何操作
• 如果button里面的type不写，则默认就是submit，写别的只能点击不能提交

input 内容

1. type属性

• text文本框

• color可以选择颜色

• password 密码文本框

• radio单选（name是同一名字，则可以二选一）

• checkbox 多选框（name是同一名字，则可以视为一组）

• file 上传文件 + multiple 选择多个文件

• hidden 看不见的input 适用于计算机自己提交数据

• textarea 多行文本框（resize：none 不能拖动属性）

• 下拉文本框属性：

  <select>
      <option value="1">吃饭</option>
      <option value="1">睡觉</option>
      <option value="1">打豆豆</option>  
  </select>
  

• input事件：

  1. onchange 当用户输入改变的时候触发事件
  2. onfocus 当用户把鼠标集中到上面的时候触发事件
  3. onblur 当用户把鼠标移开的时候触发事件
  4. required 不填写文本框的或者其他input选项时可以提示验证的验证器

• 注意事项：

  1. 一般监听input的click事件
  2. from里面的所有input都要有name
  3. form里面放type=submit才能触发submit事件

• input的其他标签

  1. video 视频标签
  2. audio 音频标签
  3. canvas 画图标签
  4. svg 矢量标签

table标签的用法

• table标签的正确写法是：由table（表格） thead（头部） tbody(内容) tfoot（底部） 组成
• tr 表示一行的意思， th 表示表头，td 表示内容数据
• table-layout:auto；表格及单元格的宽度取决于其包含的内容 ，table-layout:fixed；等宽表格的宽度
• border-collapse 合并表格之间的间隙，border-spacing：0； 表格之间的间隙为0