导航菜单
  • 首页
  • 首页>前端万博manbext备用网址>HTML万博manbext备用网址

    HTML第五课:超链接和锚点

    了解了URL路径的概念后,超级链接就很容易掌握了。

    一、超链接

    超级链接的目的就是实现页面和页面,站点和站点之间的跳转,没有超链接就没有互联网,所以认真学习和工作的时候不要随便点开一个新闻的推送链接,否则你就可能引发多诺米牌效应,最后迷失在互联网里。

    1、基本结构

    <a href=""URL" title="标题" target="_blank">被点击的文字或图片</a>

    href属性非常关键,URL的值代表了你的目的地。如果鼠标经过超链接希望看见标题,可以加上title属性,在文字不能显示完整的侧边栏,希望用户鼠标经过看见完整的标题的时候非常有用。如果是链接到别人的网站上,不要忘了一定加上target属性,“_blank”表明在新窗口打开网页。

    2、万博manbext3.0首页登录

    <a href="http://www.baidu.com" target="_blank">百度</a> rel="nofollow"
    <a href=""林心如简介页面.html" title="林心如介绍"><img src="images/林心如.jpg" alt="林心如"></a>"
    <a href=""soft/QQv8.1.exe" title="点击下载QQ">QQ最新版下载</a>"
    <a href=""music/梦中的婚礼.mp3" title="点击播放">梦中的婚礼</a>

    超链接可以链接任何资源,不要忘记资源的后缀名哦,.html/.jpg/.exe/.rar/.mp3……等等格式就是资源特定的后缀名,浏览器会根据后缀名自动解释该链接,是可以直接展示的,还是要提供下载的,还是调用播放器播放的……

    如果是绝对路径的链接,比如链接一个网站的域名地址,千万不要忘记"http://"这个超文本传输协议,习惯了在浏览器直接输入“baidu.com”的童鞋,在超链接这里的URL必须是完整的路径"http://www.baidu.com"

    二、锚点

    锚点的目的是实现页面内部的跳转,如果一个页面足够长,那么每一个目录要指向一个具体的区块,则可以使用锚点链接。

    最好的万博manbext3.0首页登录就是百度百科,参考一个花千骨吧,里面有我的男神^_^:http://baike.baidu.com/subview/3214193/12258556.htm

    当我们点击目录中的“剧情简介”,则会跳转到下面“剧情简介”正文处。

    1、基本结构

    第一步:在目的地插入锚点:<a name="锚点名称"></a>

    锚点名称最好是字母和数字的组合,不可以用中文。而且锚点最好放在正文标题的上面,否则跳转过来就看不到标题了。

    第二步:在目录处加入锚点链接:<a href="&rvpu;#锚点名称">被点击的文本或图片</a>

    此处的“#”不要漏掉,有时候我们写一个空链接:

    <a href=""#">文本</a>

    表示一个超链接,但是没有目的地,“#”具有刷新页面,回到页面顶部的功能,如果后面跟上锚点名称,则能跳转到该锚点处。

    2、万博manbext3.0首页登录

    <h2>目录</h2>
    <ul>
        <li><a href=""#m1">剧情简介</a></li>"
        <li><a href=""#m2">演职员表</a></li>"
    <ul>
    
    <a name="m1"></a>
    <h2>剧情简介</h2>
    <p>具体内容,此处省略一千字……</p>
    <a name="m2"></a>
    <h2>演职员表</h2>
    <p>具体内容,此处省略一千字……</p>

    提示:要做锚点,前提是页面要有足够的长度,如果只有一两屏的页面,一眼就看完了,还有必要做页面内部跳转的锚点吗?

    当然,有长度的页面,不要忘了在页面右下角加一个返回顶部哦,否则下来容易,上去难^_^

    具体情况可以查看万博manbext3.0首页登录,点击下载吧。

    锚点.rar

    点赞


    9
    保存到:

    相关文章

  • 评论列表:
  •  ANDD
     发布于 2016-10-15 14:40:39  回复该评论
  • 你不是说你的男神是胡歌么 Q***Q
  •  赵老师
     发布于 2016-10-26 15:37:08  回复该评论
  • 霍建华不是结婚了吗?
  • 发表评论:

    ◎请发表你卖萌撒娇或一针见血的评论,严禁小广告。

    Top