HTML常用标签

a标签

属性

• href —— 地址

  1. 网址 写无协议网址 //goole.com
  2. 路径 a/b/c index.html
  3. 伪协议

  javascript:代码;
  mailto:邮箱
  tel:手机号
  

  4. id

  href=#xxx #id名 跳转到相应位置
  

• target —— 打开方式

  1. 内置名字

     _blank:打开新的窗口
     _self:默认值 在当前页面打开
     _top:在顶级窗口打开
     _parent:所在上一层打开
     

  2. 程序员命名

     window的name
     xxx:窗口名，如果没有就打开新窗口，有就替代
     iframe的name
     xxx:可以进行两个网址的跳转
     

• download —— 下载网页 大多数不支持

• rel=noopener

作用

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

img标签

• 作用

  发起get请求，展示一张图片

• 属性 不能让图片变形！！！

  alt:图片显示失败时，提示信息
  height：只写高度，宽度会自适应
  width：只写宽度，高度会自适应
  src：图片地址
  

• 事件

  监听图片是否调用成功
  onload:图片加载成功
  onerror：图片加载失败
  

• 响应式 max-wifth:100%

• ==可替换元素==

  ​ ==考试可能会问，被问概率30%==

  可替换元素网址

  table标签

• 相关的标签

  <table> // 表格
        <thead>
              <tr> // table row
                  <th> // 表头
                  </th>
              </tr>  
        </thead> 
        <tbody>
              <tr>
                  <td> //数据
                  </td>
              </tr>
        </tbody>
        <tfoot>
        </tfoot>
  </table>
  

• 相关的样式

  table-layout：auto 根据内容自动计算行列高
                fixed 尽量做到等宽
  table-collapse：collapse 合并单元格
  table-spacing：单元格之间的间隔 一般为0
  

  ---

感想

虽然之前自己学习了HTML了，但是看了今天的视频后还是学到了很多之前没有学习过的新知识。