HTML常用标签

104 阅读1分钟

a标签的用法

1.属性

  • href 链接的目标(取值是网址,路径,伪协议和#id)

    伪协议:

  • javascript:代码;

<a herf="javascript:;">查看</a> 
//只能通过这种方式实现点击“查看”没反应
  • mailto:邮箱

  • tel:电话

  • target

    内置名字

    • _blank 在新建窗口(window)打开链接
    • _top 在当前页面的顶级窗口打开链接
    • _parent 在当前页面的上一层窗口打开链接
    • _self 在当前窗口打开链接

    程序员命名

    • window的name 在指定窗口打开链接
    • iframe的name 在指定iframe打开链接

    谷歌不允许被嵌套

  • download 下载这个链接内容,一些浏览器并不会生效

  • rel=noopener 为了防止某个bug出现,具体学了JS后才能明白

2.作用

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

img标签的用法

发出get请求,展示一张图片

属性 alt/height/width/src 一般height/width二选一防止图片变形

事件(script) onload/onerror

响应式(style) max-width:100%;

table标签的用法

  • 相关标签

    • table
    • thead
    • tbody
    • tfoot
    • tr
    • td
    • th
  • 相关样式

    • table-layout
    • border-collapse
    • border-spacing

其他感想

标签的学习主要是记忆方面,会比较枯燥,相信通过往后的不断练习和使用能够牢牢的掌握