Loading

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 id="first">一大段话一大段话一大段话一大段话一大段话</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 lang="en">

<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>

 

posted @ 2018-03-19 22:05  澎湃_L  阅读(1457)  评论(0)  编辑  收藏  举报