zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    Thinkphp框架网站 nginx环境 访问页面access denied
    jenkins 构建触发器 Poll SCM 和 Build periodically区别
    jenkins持续化集成工具 centos 6.5安装
    centos 6.5升级内核到3.1
    awk常见用法
    html手机网页自适应宽度
    centos 6.8安装java环境
    论mysql主从复制里面的那些坑
    redis持久化
    spring配置日志
  • 原文地址:https://www.cnblogs.com/EricZLin/p/8605417.html
Copyright © 2011-2022 走看看