HTML常用标签

165 阅读1分钟

HTML常用标签

a标签

  1. 属性
  • href
  • target
  • download(了解,很多浏览器不支持)
  • rel=noopener

href:规定链接的目标 URL

取值:

  • 网址:
https://baidu.com
http://baidu.com
//baidu.com(这种方式会自动选择https:或http:,推荐使用,不会报错)
  • 路径 绝对路径或相对路径:/a/b/c.html a/b/c.html
    注意:如果开启http-server -c-1的话,开启的目录就是根目录
  • 伪协议
    • javascript:代码 (执行js代码)
    • mailto:邮箱 (跳转到发送到此邮箱的空邮件界面)
    • tel:电话 (拨打电话)
  • id
    #id名 (跳转内部锚点,跳转到id为此名的标签位置上)
<a href="#">top</a>  点击后页面会刷新并且会回到顶部,也可以绑定id跳转到指定位置
<a href="javascript: ;">  点击之后没有反应页面也不会刷新,内部也不会跳转

target:规定在何处打开目标 URL。仅在 href 属性存在时使用

取值:

  1. 内置名字
_blank (新空白页打开)
_top
_parent(这三个值,若使用iframe标签可区分)
_self(默认,在本页面打开)
  1. 程序员命名
windows.name  
iframe.name (始终在这个iframe或页面打开)

img标签

  • 作用:发出get请求,展示一张图片
  • 属性:alt/src/height/width (宽高只改变一个会自适应改变另一个 都改变图片可能会变形 图片变形前端绝对不允许!!!)
  • 事件:onload/onerror
  • 响应式:max-width:100%(图片最大宽度为窗口宽度的100%)
  • 可替换元素

table标签

  • 标准格式
<table>
   <thead></thead>表头
   <tbody></tbody>表身
   <tfoot></tfoot>表格底部
</table>(table里只能有这三个子标签,看字面意思,顺序可以变,但渲染出来还是从“头”到“脚”)
  • 相关标签
<tr></tr><th></th>表头单元格
<td></td>包含数据的表格单元格
  • 相关样式
table-layout
border-spacing
border-collapse