zoukankan      html  css  js  c++  java
  • HTML 链接标签的学习

    链接标签

    链接 ?
    <a> 定义一个链接
    <link> 定义文档与外部资源的关系。
    <nav>
    定义导航链接

    a标签

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

    <a> 元素最重要的属性是 href 属性,它指定链接的目标。

    在所有浏览器中,链接的默认外观如下:
    未被访问的链接带有下划线而且是蓝色的
    已被访问的链接带有下划线而且是紫色的
    活动链接带有下划线而且是红色的

    HTML5中的属性

    属性描述
    charset char_encoding HTML5 不支持。规定目标 URL 的字符编码。
    coords coordinates HTML5 不支持。规定链接的坐标。
    download
    filename 指定下载链接
    href URL 规定链接的目标 URL。
    hreflang language_code 规定目标 URL 的基准语言。仅在 href 属性存在时使用。
    media
    media_query 规定目标 URL 的媒介类型。默认值:all。仅在 href 属性存在时使用。
    name section_name HTML5 不支持。规定锚的名称。
    rel alternate
    author
    bookmark
    help
    license
    next
    nofollow
    noreferrer
    prefetch
    prev
    search
    tag
    规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。
    rev text HTML5 不支持。规定目标 URL 与当前文档之间的关系。
    shape default
    rect
    circle
    poly
    HTML5 不支持。规定链接的形状。
    target _blank
    _parent
    _self
    _top
    framename
    规定在何处打开目标 URL。仅在 href 属性存在时使用。
    type
    MIME_type 规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。
    注:MIME = Multipurpose Internet Mail Extensions。

    实例:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>链接标签:a标签</title>
    </head>
    <body>
    <!-- <a>标签中的target属性: target="_self"在本页面打开,target="_blank"在新页面打开-->
    
    <!--当前页面打开指定网页-->
    <a href="https://www.baidu.com">百度一下</a>                        <!--默认在当前页面打开指定链接-->
    
    <br />
    
    <!--当前页面打开指定网页-->
    <a href="https://www.baidu.com", target="_self">百度两下</a>        <!--指定在本页面打开指定链接-->
    
    <br />
    
    <!--新页面中打开指定网页-->
    <a href="https://www.baidu.com", target="_blank">百度三下</a>       <!--指定在新页面打开指定链接-->
    
    <br />
    
    <!--指定本地文件,打开本地文件-->
    <a href="/图片标签/HTML_img.html">本地文件</a>                    <!--指定在本页面打开本地文件-->
    
    <br />
    
    <!--点击图片,跳转到百度一下网页-->
    <a href="https://www.baidu.com", target="_blank">
        <img src="百度一下.png">                                    <!--在百度一下.png图片中插入链接,点击图片跳转到插入的链接-->
    </a>
    
    </body>
    </html>

     Google浏览器中打开:

              

              

  • 相关阅读:
    pythonchallenge 2
    js动态改变img元素src在IE无效的问题
    自己设计的java web消息提示机制
    eclipse+PyDev里面import win32api报错的问题解决
    windows动态磁盘导致的分区问题
    sqlserver 遇到以零作除数错误的处理 不报错的解决方法
    iis7 运行 php5.5 的方法
    应用程序试图执行安全策略不允许的操作。要授予此应用程序所需的权限,请与系统管理员联系,或在配置文件中更改该应用程序
    C# 模拟用户登录
    ListBoxControl 删除选择的项的方法
  • 原文地址:https://www.cnblogs.com/liyihua/p/12337520.html
Copyright © 2011-2022 走看看