2020-06-06 HTML重点 12课

1、<a>标签

• 常用属性
  • href =(hyper refence) 超链接 用于连接网页
  • target
  • download
  • rel-noopener
• a 的href的取值
  • 网址
    http://google.com
  • 路径
    /a/b/c
  • 伪协议
  • js代码
  • mailto:邮箱
  • tel:手机号
  • id
    herf="#xxx"

<a href="javascript:;"> 查看</a>
↑一个什么都不做的A标签

• a 的target的取值（比想象中的要复杂）
  • 内置名字
    target="_top"
    target="_self" （新页面在当前页面打开 ）
    target="_parent"
    target="_blank" (在空白页面打开)

2、<iframe>标签
作用：内嵌窗口，已经很少使用了。除了老系统。现在用ajax

3、<table>标签

三个常用子标签
<thead>
   <tr> //table row 表格里的一行
   <th> // 一行里面的一格
   </tr>
</thead>
<tbody>
</tbody>
<tfoot>
</tfoot>

• 相关的样式
  table-layout
  border-collapse
  border-spacing

4、<img>标签

• 作用：插入图片
• 属性
  • alt
  • height
  • width
  • src
• 事件
  • onload
  • onerror
    作用：监听图片是否加载成功
• 响应式（重要！！）
  max-width:100% //自适应所有屏幕大小

5、<form>标签

• 作用：发get火post请求，然后刷新页面。
• 属性
  • action
  • method
  • autocomplete 自动填充
  • target

6、<input>标签

• 作用：让用户输入内容
• 属性
  • 类型 type:button/checkbox/email/flie/hidden.....
  • 其他 name/autofocus/checked/disabled/....
• 事件
  • onchange/onfocus/onblur
• 验证器
  • html新增功能