网站建设资讯

NEWS

网站建设资讯

html中锚点和页面跳转的示例-创新互联

这篇“html中锚点和页面跳转的示例”除了程序员外大部分人都不太理解,今天小编为了让大家更加理解“html中锚点和页面跳转的示例”,给大家总结了以下内容,具有一定借鉴价值,内容详细步骤清晰,细节处理妥当,希望大家通过这篇文章有所收获,下面让我们一起来看看具体内容吧。

创新互联服务项目包括泰安网站建设、泰安网站制作、泰安网页制作以及泰安网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,泰安网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到泰安省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!html是什么

html的全称为超文本标记语言,它是一种标记语言,包含了一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体,html文本是由html命令组成的描述性文本,html命令可以说明文字,图形、动画、声音、表格、链接等,主要和css+js配合使用并构建优雅的前端网页。

一、页面内跳转的锚点设置
页面内的跳转需要两步:
方法一:
①:设置一个锚点链接去找喵星人;(注意:href属性的属性值最前面要加#)
②:在页面中需要的位置设置锚点;(注意:a标签中要写一个name属性,属性值要与①中的href的属性值一样,不加#)标签中按需填写必要的文字,一般不写内容
方法二:
①:同方法一的①
②:设置锚点的位置

喵星人基地

;在要跳转到的位置的标签中添加一个id属性,属性值与①中href的属性值一样,不加#
方法二不用单独添加一个a标签来专门设置锚点 ,只在需要的位置的标签中添加一个id即可。

小案例:





萌宠集结号


  • 去找喵星人
  • 去找汪星人
  • 其他萌物
喵星人基地

喵喵喵~

喵喵喵~

喵喵喵~

喵喵喵~

喵喵喵~

喵喵喵~

汪汪汪~

汪汪汪~

汪汪汪~

汪汪汪~

汪汪汪~

汪汪汪~

萌萌萌~

萌萌萌~

萌萌萌~

萌萌萌~

萌萌萌~

萌萌萌~

二、跨页面跳转

①:设置锚点链接,在href中的路径后面追加:#+锚点名,即可
如:跳转到萌宠集结号页面
②:要跳转到的页面中要设置锚点,方法见一种的步骤②,两个方法任选其一。

感谢你的阅读,希望你对“html中锚点和页面跳转的示例”这一关键问题有了一定的理解,具体使用情况还需要大家自己动手实验使用过才能领会,快去试试吧,如果想阅读更多相关知识点的文章,欢迎关注创新互联网站制作公司行业资讯频道!


网站名称:html中锚点和页面跳转的示例-创新互联
链接URL:http://njwzjz.com/article/dcgoeh.html