• Xi Jinping le peuple, créateur de lhistoire et véritable héros 2019-10-06
  • 兵团第十二师三坪农场“民族团结一家亲”让亲戚越走越亲 2019-10-06
  • 中华人民共和国建筑法 2019-10-03
  • (原创首发)法治不行,正义难成,法治有力,正义显功。 2019-09-23
  • 高速收费站员工微笑服务 网友笑侃“像机械舞”(图) 2019-09-19
  • 那片海文章中国国家地理网 2019-09-19
  • 秒级人脸识别让被拐孩子早回家 动态人像识别技术给答案 2019-09-18
  • 山西寿阳:竹马戏演员的台前幕后 2019-09-18
  • 其实,生产力发展了,社会财富丰富了,把小萌们养起来也不是什么问题……但你们不能被养着还养出脾气来还妄图对真正的劳动者指手画脚! 2019-08-30
  • 建德网—致力打造建德第一视听门户网站 2019-08-26
  • 【十九大·理论新视野】为什么强调“构建人类命运共同体”? 2019-08-09
  • 刘强东:将从泰国采购1000亿泰铢商品,让当地家电价格降低50% 2019-07-30
  • 俄罗斯世界杯有多吸金? 2019-07-30
  • 博格巴破门 法国队2-1力克澳大利亚队 2019-07-25
  • 古井贡酒举行2017秋季开酿大典 2019-07-19
  • 一起来捉妖手游:17 - 05 - 15 HTML(锚链接)

    一起来捉妖里面的聂小倩在哪个地方可以得 www.wvgx.top 2/10/2017来源:心得技巧人气:8555

    ——————————————————————————整理自w3school,www.w3school.com /百度知道

    # HTML 链接 - name 属性   ( 难点 )

    name 属性规定锚(anchor)的名称。

    您可以使用name属性创建HTML页面中的书签。

    书签不会以任何特殊方式显示,它对读者是不可见的。

    当使用命名锚(named anchors)时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接,

    这样使用者就无需不停地滚动页面来寻找他们需要的信息了。

    (百度百科经常使用,在本页面内 上下跳转,快速定位)锚点链接的意思说就是:

    “abc”就是一个链接,我点击“abc”之后,就会跳转到"123"的位置上。最常用的方式,

    在一个网页的开头,做一个目录,每一个目录都是一个锚点链接,然后链接到本页面相关的位置。

    命名锚的语法:

    <a name="label">锚(显示在页面上的文本)</a>

    Tips:可以使用 id 属性来替代 name 属性,命名锚同样有效。

    比如:首先,我们在 HTML 文档中对锚进行命名(创建一个书签):

    <a name="tips">基本的注意事项 - 有用的提示</a>

    然后,我们在同一个文档中创建指向该锚的链接:

    <a href="#tips">有用的提示</a>

    您也可以在其他页面中创建指向该锚的链接:

    <a href="//www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>

    在上面代码中,我们将 # 符号和锚名称添加到 URL 的末端,就可以直接链接到 tips 这个命名锚了。

    <html> <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <style type="text/CSS">
    .d1{
    border:1px solid red;      <!--网页边框是red color-->
    width:400px;
    height:2000px;
    }
    
    .d2{
    border:1px solid blue;    <!--点我跳转mao1是蓝色的字体-->
    width:400px;
    height:400px;
    margin-top:1000px;
    }
    </style>
    <title>锚链接的使用</title>
    </head>
    <div class="d1">
    <a href="#mao1">点我跳转mao1</a>
        <div class="d2">
        <a name="mao1">我是mao1</a>
        </div>
    </div>
    <body> </body> </html>

    讲解:d1,d2 是自己创建的类的名称。

    -

    -

    再来一个最简单的例子:

    <a href="#C4">查看 Chapter 4。</a>

    </p>

    <h2><a name="C4">Chapter 4</a></h2>

    点击查看Chapter 4之后,就可以跳转到Chapter 4标题这里。



  • Xi Jinping le peuple, créateur de lhistoire et véritable héros 2019-10-06
  • 兵团第十二师三坪农场“民族团结一家亲”让亲戚越走越亲 2019-10-06
  • 中华人民共和国建筑法 2019-10-03
  • (原创首发)法治不行,正义难成,法治有力,正义显功。 2019-09-23
  • 高速收费站员工微笑服务 网友笑侃“像机械舞”(图) 2019-09-19
  • 那片海文章中国国家地理网 2019-09-19
  • 秒级人脸识别让被拐孩子早回家 动态人像识别技术给答案 2019-09-18
  • 山西寿阳:竹马戏演员的台前幕后 2019-09-18
  • 其实,生产力发展了,社会财富丰富了,把小萌们养起来也不是什么问题……但你们不能被养着还养出脾气来还妄图对真正的劳动者指手画脚! 2019-08-30
  • 建德网—致力打造建德第一视听门户网站 2019-08-26
  • 【十九大·理论新视野】为什么强调“构建人类命运共同体”? 2019-08-09
  • 刘强东:将从泰国采购1000亿泰铢商品,让当地家电价格降低50% 2019-07-30
  • 俄罗斯世界杯有多吸金? 2019-07-30
  • 博格巴破门 法国队2-1力克澳大利亚队 2019-07-25
  • 古井贡酒举行2017秋季开酿大典 2019-07-19
  • 星际彩票平台怎么样 重庆时时51计划 陕西福彩快乐十分计划软件 真人炸金花赢微信支付 购买快3大小单双技巧 抢庄棋牌 中彩堂 重庆时时彩参考软件 山东时时平台 pk10最牛稳赚2码计划 天津时时官方网 宝贝计划官网客户端 上海时时网计划 时时彩每天赚100 二八杠游戏下载 北京冠军赛车6码倍投