HTML常用标签

332 阅读2分钟

1.a标签的用法

  • 常用属性:href  、 targrt
  • 作用:跳转到外部页面、跳转内部锚点、跳转到邮箱或电话等
  • <a>标签属性href的取值:
  • <a>标签属性target的取值:


2.img标签的用法

  • 作用:发送get请求,展示一张图片
  • 属性:src 、alt 、height 、width           
  1. src:图片路径
  2.  alt:加载失败时显示的文字,用于告诉用户图片的内容
  3.  height/width:定义图片高度和宽度(要注意设置宽高时,设置高度,宽度会自适应,设置宽度,高度会自适应。尽量不要同时设置,因为有可能引起图片变形。)
  • 事件: onload/onerror  用法:


    作用是,当图片加载失败时,命令行提示图片加载失败,并载入另一张图片给用户看。用于优化用户体验。

  • 响应式: max-width:100%  

    图片最大宽度为撑满整个屏幕,用于适配不同尺寸的屏幕

  • <img>标签是置换元素(置换元素是浏览器根据元素的标签和属性,来决定元素的具体显示内容的元素。例如:浏览器会根据<img>标签的src属性的 值来读取图片信息并显示出来)

3.table标签的用法

  • 相关标签:
  • 相关样式:
  1. table-layout :                                                                                                              auto ----根据表格里内容的大小自动分配单元格大小                                                fixed ----根据表格整体大小平均分配单元格大小
  2. border-collapse:                                                                                                        collapse ----合并模式,表格中相邻单元格共享边框                                                        separated ----分隔模式是 HTML 表格的传统模式。相邻单元格都拥有不同的边框。
  3. border-spacing: 单元格之间的间距
注:以上所有截图来自【饥人古】