专业编程基础技术教程

网站首页 > 基础教程 正文

链接标签 链接标签有哪些属性

ccvgpt 2024-10-17 08:56:12 基础教程 9 ℃

HTML语言标签,<a> 标签定义超链接,用于从一个页面链接到另一个页面。

语法:

链接标签 链接标签有哪些属性

<a href="url">链接文本</a>

href 属性指定链接的目标地址。


在 <a> 标签里面的链接方式可以分为四种:

  • 内部链接
<a href="index.html">内部链接</a>
  • 外部链接
<a href="http://www.9xkd.com">跳转至指定链接页面</a>
  • 空链接,点击标签后会跳转至当前页面的最顶端
<a href="#">空链接</a>
  • 锚链接,组成部分:锚记和指向锚记的链接
<a href="#mao"></a>
<a name="mao"></a>

<a> 标签的目标属性:target

target:指定在何处打开链接文档,它可以分为五种情况:

  • _blank,在新窗口或标签中打开链接的文档<a href="https://www.9xkd.com/" target="_blank">Welcome to xkd_3!</a>
  • _self,在与单击相同的窗口或者是选项卡中打开链接的文档(默认设置)<a href="current.html" target="_self">把文档调入当前页框</a>
  • _parent,在父框架中打开链接的文档<a href="index.html" target="_parent">指向父框架文档</a>
  • _top,在整个窗口中打开链接的文档<a href="https://www.9xkd.com/index.html/" target="_top">教程系列</a>


动手小练习

  1. 新建一个html文件,定义不同的链接,然后输出到浏览器
  2. 在1的基础上,输出4种不同方式的链接目标属性

Tags:

最近发表
标签列表