Skip to content

a 元素

超链接 点一下看美女

html
<a
  href="https://image.baidu.com/search/index?tn=baiduimage&word=%E7%BE%8E%E5%A5%B3"
  id="123"
  target="_blank"
>
  点一下看美女
</a>

href 属性

全称 hyper reference

通常表示跳转地址

  • 普通链接

    1. 值里面写了协议名称http 或者 https 那无所谓
    2. 如果没写 当前网站是什么协议 访问出去就是什么协议
    3. httphttps 是不能相互访问的 一般网站都是通过 nginx 之类的配置实现的 均可访问
  • 锚链接

html
<a href="#chapter1">章节1</a>
<a href="#chapter2">章节2</a>

<h2 id="chapter1">章节1</h2>
<h2 id="chapter2">章节2</h2>
  • 就是在 Url 后置上面添加 #chapter1 页面就主动滚动到 idchapter1 的位置了
  • 右侧导航栏展示当前效果

id 属性

全局属性,表示元素在文档中的唯一编号

target 属性

表示跳转窗口位置.

target 的取值:

  • _self 在当前页面窗口中打开,默认值
  • _blank 在新窗口中打开

功能链接

点击后,触发某个功能

弹出:你好!

点击给我发送邮件

点击给我拨打电话

html
<a href="javascript:alert('你好!')"> 弹出:你好! </a>

<a href="mailto:yanjinke2008@gmail.com"> 点击给我发送邮件 </a>

<a href="tel:13601834080"> 点击给我拨打电话 </a>
  • 执行 JS 代码 javascript:
  • 发送邮件 mailto: 要求用户计算机上安装有邮件发送软件
  • 拨号 tel: 要求用户计算机上安装有拨号软件,或使用的是移动端访问