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浏览器中打开:

              

              

  • 相关阅读:
    互联网协议入门
    C++解决约瑟夫环(史上最清晰)
    C# 最快的逐一打印斐波那契结果数列的算法
    二叉树的遍历(转载)
    C# 多线程join的用法,等待多个子线程结束后再执行主线程
    剖丁解牛式的快速排序分析
    用CTE结合排名函数rank()删除某列值重复的记录
    Http 头部属性详解
    C# 冒泡排序
    设计模式七大原则之依赖倒转原则
  • 原文地址:https://www.cnblogs.com/liyihua/p/12337520.html
Copyright © 2011-2022 走看看