HTML超链接

一、创建超链接

  • 在HTML中创建超链接非常简单,只需用<a></a>标记环绕需要被链接的对象即可,其基本语法格式如下:
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
  • 在上面的语法中,<a>标记是一个行内标记,用于定义超链接,href和target为其常用属性,下面对它们进行具体地解释。

   ①href:用于指定链接目标的url地址,当为<a>标记应用href属性时,它就具有了超链接的功能。

  ②target:用于指定链接页面的打开方式,其取值有_self和_blank两种,其中_self为默认值,_blank为在新窗口中打开方式。

  ③注意: 暂时没有确定链接目标时,通常将<a>标记的href属性值定义为“#”(即href="#"),表示该链接暂时为一个空链接

<a href="#">这是一个空链</a>

④不仅可以创建文本超链接,在网页中各种网页元素,如图像、表格、音频、视频等都可以添加超链接。

二、锚点链接

  • 通过创建锚点链接,用户能够快速定位到目标内容。
  • 创建锚点链接分为两步: 使用“<a href=”#id名“>链接文本</a>”创建链接文本。 使用相应的id名标注跳转目标的位置。
 <!-- 超链接标签 -->
    <a href="../2.26/picture.jpg" title="提示文本" target="_blank">这是一个超链接</a>
    <!-- 锚链接 -->
    <p >一大段话一大段话一大段话一大段话一大段话</p>
    <p >一大段话一大段话一大段话一大段话一大段话</p>
    <p>一大段话一大段话一大段话一大段话一大段话</p>
    <p>一大段话一大段话一大段话一大段话一大段话</p>
    <p>一大段话一大段话一大段话一大段话一大段话</p>
    <p>一大段话一大段话一大段话一大段话一大段话</p>
    <p>一大段话一大段话一大段话一大段话一大段话</p>
    <p>一大段话一大段话一大段话一大段话一大段话</p>
    <p>一大段话一大段话一大段话一大段话一大段话</p>
    <p>一大段话一大段话一大段话一大段话一大段话</p>
    <p>一大段话一大段话一大段话一大段话一大段话</p>
    <p>一大段话一大段话一大段话一大段话一大段话</p>
    <p>一大段话一大段话一大段话一大段话一大段话</p>
    <p>一大段话一大段话一大段话一大段话一大段话</p>
    <p>一大段话一大段话一大段话一大段话一大段话</p>
    <p>一大段话一大段话一大段话一大段话一大段话</p>
    <p>一大段话一大段话一大段话一大段话一大段话</p>
    <p>一大段话一大段话一大段话一大段话一大段话</p>
    <p>一大段话一大段话一大段话一大段话一大段话</p>
    <p>一大段话一大段话一大段话一大段话一大段话</p>
    <a href="#first">回到第一段</a>

三、超链接下载的功能,但是不推荐

    <a href="images.zip">下载压缩包</a>

四、超链接优化写法

<base target="_blank"> 让所有的超链接都在新窗口打开

<!DOCTYPE html>
<html >

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <base target="_blank">
</head>

<body>
    <a href="#">这是一个超链接</a><br/>
    <a href="#">这是一个超链接</a><br/>
    <a href="#">这是一个超链接</a><br/>
    <a href="#">这是一个超链接</a><br/>
    <a href="#" target="_self">这是一个超链接</a>
</body>

</html>