• HTML的 a标签 和 base标签


    一、a标签

    1、作用: 用于从一个页面链接到另一个页面

    2、格式:<a href="http://news.baidu.com/">新闻</a>

    3、注意事项:

      --  在a标签之间一定要写上文字, 如果没有, 那么在页面上找不到这个标签。

      --   a标签不仅可以让文字可以点击,也可以让图片也能点击跳转。

      --   一个a标签必须有一个href 属性,否则a标签不知道要跳转到什么地方。

      --  如果通过a标签的href属性指定的是一个url地址,则必须在地址前面加上协议(hettp:// 或者 https:// ),如果不写,网页跳转会找不到目标地址。

    4、a 标签的属性

       -- href      :指定要跳转的目标地址

       --  target  : 告诉浏览器以何种方式跳转,_blank是新建界面跳转;_self 是当前页跳转(_self 是默认值)

       --  title     :鼠标悬停到a标签位置时显示的提示内容( 和 img标签的title属性一样)

    代码:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>a标签的使用</title>
    </head>
    <body>
        <a href="http://news.baidu.com/">新闻</a>
    
        <a href="http://news.baidu.com/">
            <img src="a.jepg" width="150">
        </a>
        <a href="http://news.baidu.com/" target="_self">新闻</a>
        <a href="http://news.baidu.com/" target="_blank">糯米</a>
        <a href="http://news.baidu.com/" target="_blank" title="点击会跳转到百度新闻界面">百度新闻</a>
    </body>
    </html>

    二、base标签

    1、作用:用来统一的指定网页中所有的超链接(a标签)以何种方式打开(当前也打开还是新建界面打开)

     

    2、格式:<base target="_blank">

    3、注意点:

     -- base标签必须写在head标签里。

     -- 如果每个a标签都想在新页面中打开,那么逐个设置a标签的target属性比较麻烦, 这时我们可以使用base和a标签结合的方式。

     -- base标签和a标签结合使用 : 如果在base中指定了target ,又在a标签中指定了target,那么浏览器会优先按a标签的target属性指定的方式来执行。

     

    代码:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>base标签使用</title>
        <base target="_blank">
    </head>
    <body>
    <!--结合base标签和a标签的target属性,设置除了”新闻“当前页跳转,其他都是新建页面跳转-->
        <a href="http://news.baidu.com/" target="_self">新闻</a>
        <a href="https://www.hao123.com/">hao123</a>
        <a href="https://map.baidu.com/">地图</a>
        <a href="http://v.baidu.com/">视频</a>
        <a href="https://tieba.baidu.com/index.html">贴吧</a>
        <a href="http://xueshu.baidu.com/">学术</a>
    </body>
    </html>
  • 相关阅读:
    微软职位内部推荐-Senior SDE
    在使用Fake framework的时候,为什么有一些函数没有生产mock呢?
    Call Azure Queue get "The remote server returned an error: (400) Bad Request."
    技术分享
    IT牛人博客
    Spring-data-redis操作redis cluster
    Spring对Hibernate事务管理【转】
    Hibernate事务管理
    Redis与Memcached对比
    LockSupport的park和unpark
  • 原文地址:https://www.cnblogs.com/wodexk/p/10284117.html
Copyright © 2020-2023  润新知