首页 > 软件开发 > HTML >

快速学会HTML语言-16-锚点链接(实例)

来源:互联网 2023-03-16 19:11:44 304

先顶后看年薪百万,如果帮到了你,投个好评。XGn办公区 - 实用经验教程分享!

快速学会HTML语言-16-锚点链接(实例)XGn办公区 - 实用经验教程分享!

工具/原料

  • 电脑软件Sublime

方法/步骤

  • 1

    a标记图像超链接,单击图片实现跳转网页的效果。XGn办公区 - 实用经验教程分享!

    快速学会HTML语言-16-锚点链接(实例)XGn办公区 - 实用经验教程分享!

  • 2

    图像可以是一个超链接的载体,而图像中的一部分或多个部分也可以分成不同的链接,称为图像的热区链接。XGn办公区 - 实用经验教程分享!

    创建链接区域元素<map>,用来标记链接区域。在area标记中定义热区链接,其中shape参数用来定义热区形状。XGn办公区 - 实用经验教程分享!

    rect矩形区域,circle椭圆形区域,poly多边形区域。XGn办公区 - 实用经验教程分享!

    coords参数则用来设置区域坐标。XGn办公区 - 实用经验教程分享!

    快速学会HTML语言-16-锚点链接(实例)XGn办公区 - 实用经验教程分享!

  • 2该信息未经授权抓取自百度经验
  • 3

    网页中经常有内容过多时,造成页面过长,需要拉动滚动条查看下面的内容。XGn办公区 - 实用经验教程分享!

    锚点链接:直接跳转某个名称的位置。XGn办公区 - 实用经验教程分享!

    a href="#a">底部/a>XGn办公区 - 实用经验教程分享!

    #必写,a是id的名字。XGn办公区 - 实用经验教程分享!

    这样单击时,跳转id是a的内容所在位置。XGn办公区 - 实用经验教程分享!

    同一网页中可以制造无数个锚点,但是不能有相同名称的两个锚点。XGn办公区 - 实用经验教程分享!

    快速学会HTML语言-16-锚点链接(实例)XGn办公区 - 实用经验教程分享!

  • 4

    游览网页时,如果网页篇幅太长,要不断的拖动滚动条查看,给游览带来不便。XGn办公区 - 实用经验教程分享!

    设置锚点能解决这些问题,即可以快速寻找自己感兴趣的内容进行部分阅读。XGn办公区 - 实用经验教程分享!

    快速学会HTML语言-16-锚点链接(实例)XGn办公区 - 实用经验教程分享!

  • 5

    超链接下载文件:鼠标单击某个名称,变成下载该文件。XGn办公区 - 实用经验教程分享!

    如果希望制作下载文件的a标记链接,只要在href属性中输入文件所在的位置即可。但用户单击链接后,游览器会自动判断文件的类型,已做出不同情况的处理。XGn办公区 - 实用经验教程分享!

    快速学会HTML语言-16-锚点链接(实例)XGn办公区 - 实用经验教程分享!

  • 6

    如果超链接指向的不是一个网页文件,而是其他文件例如MP3、zip、exe文件等,单击链接就会下载文件。XGn办公区 - 实用经验教程分享!

    快速学会HTML语言-16-锚点链接(实例)XGn办公区 - 实用经验教程分享!

  • 7

    想要下载多个文件时,想要放在文件夹中,然后引用文件夹。XGn办公区 - 实用经验教程分享!

    会发现引用不了,如果想要让用户下载多个文件,就要变成压缩文件才可以。XGn办公区 - 实用经验教程分享!

    快速学会HTML语言-16-锚点链接(实例)XGn办公区 - 实用经验教程分享!

  • 8

    设置网页版权信息。XGn办公区 - 实用经验教程分享!

    meta name="copyright" content="© 地址">XGn办公区 - 实用经验教程分享!

    name="copyright"固定写法XGn办公区 - 实用经验教程分享!

    content="版权信息XGn办公区 - 实用经验教程分享!

    快速学会HTML语言-16-锚点链接(实例)XGn办公区 - 实用经验教程分享!

  • 9

    设置页面自动跳转XGn办公区 - 实用经验教程分享!

    http-equiv="refresh"固定写法 content="等待时间;url=地址"XGn办公区 - 实用经验教程分享!

    XGn办公区 - 实用经验教程分享!

    2;的意思是等待2秒后跳转XGn办公区 - 实用经验教程分享!

    url="地址"的意思跳转这个地址XGn办公区 - 实用经验教程分享!

    整体意思是2秒后自动跳转网页XGn办公区 - 实用经验教程分享!

    http-equiv用于传送HTTP通信协议的标头XGn办公区 - 实用经验教程分享!

    快速学会HTML语言-16-锚点链接(实例)XGn办公区 - 实用经验教程分享!

  • 10

    声明这个网页的作者XGn办公区 - 实用经验教程分享!

    name="author"固定写法XGn办公区 - 实用经验教程分享!

    快速学会HTML语言-16-锚点链接(实例)XGn办公区 - 实用经验教程分享!

  • 注意事项

    • 如果有疑问,请在下方评论,小编会回复。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!XGn办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码