Java学习者论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

手机号码,快捷登录

恭喜Java学习者论坛(https://www.javaxxz.com)已经为数万Java学习者服务超过8年了!积累会员资料超过10000G+
成为本站VIP会员,下载本站10000G+会员资源,购买链接:点击进入购买VIP会员
JAVA高级面试进阶视频教程Java架构师系统进阶VIP课程

分布式高可用全栈开发微服务教程

Go语言视频零基础入门到精通

Java架构师3期(课件+源码)

Java开发全终端实战租房项目视频教程

SpringBoot2.X入门到高级使用教程

大数据培训第六期全套视频教程

深度学习(CNN RNN GAN)算法原理

Java亿级流量电商系统视频教程

互联网架构师视频教程

年薪50万Spark2.0从入门到精通

年薪50万!人工智能学习路线教程

年薪50万!大数据从入门到精通学习路线年薪50万!机器学习入门到精通视频教程
仿小米商城类app和小程序视频教程深度学习数据分析基础到实战最新黑马javaEE2.1就业课程从 0到JVM实战高手教程 MySQL入门到精通教程
查看: 209|回复: 0

[默认分类] html中 的用法

[复制链接]
  • TA的每日心情
    开心
    2021-12-13 21:45
  • 签到天数: 15 天

    [LV.4]偶尔看看III

    发表于 2018-6-18 10:06:24 | 显示全部楼层 |阅读模式


      一、绝对跳转

        <a href="http://www.baidu.com/">百度</a>



    二、相对跳转有如下方式,需要了解(以下的例子中,分别以你的例子和带.HTML尾缀进行演示):

    转载:
    http://zhidao.baidu.com/question/155406008.html?qbl=relate_question_1



         1. 本目录的使用(与本文件在相同的文件夹下):

              <a href="123456">

              <a href="123456.html">



         2. 本目录下的子文件夹(设文件夹名为newdoc)的使用:

              <a href="newdoc/123456">

              <a href="newdoc/123456.html">



         3. 本目录下的子文件夹下的子文件夹(设文件夹名为newdoc2)的使用(如果更多层,则依此类推):

              <a href="newdoc/newdoc2/123456">

              <a href="newdoc/newdoc2/123456.html">



        4. 本目录上一层父目录的使用:

              <a href="../123456">

              <a href="../123456.html">



         5. 本目录上两层父目录的使用(如果更多层,则依此类推):

              <a href="../../123456">

              <a href="../../123456.html">



         6. 本目录上一层父目录下一个名为new文件夹下的使用(也就是和本文件所在的文件夹在相同目录下的那个new文件夹):

              <a href="../new/123456">

              <a href="../new/123456.html">



    三、用于内部连接吧,叫锚定

         1、同页面跳转:

         <a href="#q1">问题一?</a>

         <a href="#q1">问题二?</a>

         <a href="#q1">问题二?</a>

         

         <!-- 添加锚的方法 -->

         <a name="q1">问题一的解答</a>



         2、不同页面跳转:

         a.html的内容 <a href="b.html#q1">问题一?</a>

         b.html的内容 <a name="q1">问题一的解答</a>




    注意:     1.确定在同一个页面打开

         如果

         <a href="#q1">问题一?</a>

         <a href="#q2">问题二?</a>  这样写不是在同一个页面打开的话,要加 target="_self"



         如下:  

         <a href="#q1" target="_self" >问题一?</a>

         <a href="#q2" target="_self" >问题二?</a>



         添加锚点就是为了在同一个页面方便快捷地找到相应位置,所以要确定在同一个页面打开才好,呵呵

         

         2.只要是跳到同一个地方,锚点名称必须是一样的。

         

         3.添加锚点,起始位置和结束位置必须都是用<a></a>标记来写的,前面是用href="#锚点名",后面是name="锚点名";

           可参考:
    http://blog.csdn.net/chelen_jak/article/details/19157445





    四、其它

         1. <a href="#">

           # -- 代表空连接,连接的是自己即什么也不做。可以参考《
    href="#"是什么意思呢?
    http://blog.csdn.net/chelen_jak/article/details/19156215



         2. <a href="#news">

           #new -- 跳到本页的new位置,用法:<a name="new"></a>








    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|手机版|Java学习者论坛 ( 声明:本站资料整理自互联网,用于Java学习者交流学习使用,对资料版权不负任何法律责任,若有侵权请及时联系客服屏蔽删除 )

    GMT+8, 2025-2-24 07:58 , Processed in 0.373077 second(s), 37 queries .

    Powered by Discuz! X3.4

    © 2001-2017 Comsenz Inc.

    快速回复 返回顶部 返回列表