HTML常用标签

224 阅读2分钟

a 标签的用法

HTML <a> 元素(或称锚元素)可以创建通向其他网页、文件、同一页面内的
位置、电子邮件地址或任何其他 URL 的超链接。

a标签的属性有哪些

  1. href
  2. target
  3. download
  4. rel=noopener

分别看看这些属性的用法

  1. href
  • href=“google.com”,作用是在当前页面,跳转到这个网址。可通过target属性来指定该网址在哪个窗口打开。
  1. target
  • 可通过target属性来指定该网址在哪个窗口打开。
  1. download
  • 可通过download属性来下载URL 而不是导航到它,因此将提示用户将其保存为本地文件。
  1. rel=noopener
  • XXXXXXXXXXXXXXXXXXXXXXXX

href属性的取值

  1. href=“google.com”,作用是在当前页面,跳转到这个网址。
  2. href=“google.com”,作用是在当前页面,跳转到这个网址。
  3. href="//google.com",无协议的网址,该写法可以自动匹配选用Http协议还是选用Https协议,以后写网址就用这种方式。
  4. /a/b/c ,用来访问当前c目录下的文件,/代表在哪里开启的http服务,哪里就是根目录。
  5. a/b/c ,相对路径,链接到当前目录下的文件。
  6. index.html或者./index.html,链接到当前目录下的index.html文件。
  7. javascript:代码; ,伪协议,点击这个超链接JavaScript代码会直接执行,当你不想刷新页面或者跳转到页面的某个地方将javascript:; ,写成空即可。
  8. #id 点击该链接,页面可以定位到该id的占位置
  9. mailto:邮箱地址,发邮件给这个邮箱地址。
  10. tel:手机号,跳转到拨号界面,并输入好改手机号码。

href属性的取值

  1. _blank

    在新窗口打开目标页面。

  2. _top

    在顶级窗口中打开目标页面。

  3. _parent

    在当前页面的上一级中打开目标页面。

  4. _self

    在当前页面中打开目标页面。

  5. 程序员命名

    如果target属性取值为XXX,就在新窗口打开该页面,并把新窗口命名为XXX,如果两个链接的网址target属性都是XXX的话,两个链接都会在同一个窗口被打开。

table 标签的用法

相关标签

  • table 表格
  • thead 表头
  • tbody 内容(数据)
  • tfoot 页脚
  • tr 一行
  • td 一竖
  • th 表头

table 标签的用法

  1. 作用 发出get请求,展示一张图片。

  2. 属性

  • alt属性:当图片加载失败是,显示一段提示来代替。
  • height / width属性:定义图片的高和宽,建议只只选一个,否则图片会变形。
  • src属性: 图片的路径地址。
  1. 事件
  • onload / onerror ,判断图片是否加载成功。
  1. 响应式
  • max-width:100% ,响应式图片