超链接--页面位置跳转

最新推荐文章于 2024-07-05 20:20:47 发布
最新推荐文章于 2024-07-05 20:20:47 发布
阅读量2.7k 收藏 2
点赞数 1
分类专栏： html 文章标签： 标签 超链接 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liucai1018/article/details/70478932
版权

代码概述：

通过href和name属性

从在文件中需要创建一个标签(即做一个记号)，为页面中需要跳转到的位置命名


代码demo：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!-- 超链接演示2 -->
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>超文本链接...</title>
	</head>
	<body>
		<a href="#last">跳到末尾</a>
		<a name="start"></a> <br/>
		
		<!-- size="7pt":是网页显示的最大字体-但不清楚会不会跟随浏览器的不同而变化 -->
		<font size="6pt">若干文字</font> <br/>
		<font size="7pt">若干文字</font> <br/>
		<font size="7pt">若干文字</font> <br/>
		<font size="7pt">若干文字</font> <br/>
		<font size="7pt">若干文字</font> <br/>
		<font size="7pt">若干文字</font> <br/>
		<font size="7pt">若干文字</font> <br/>
		<font size="7pt">若干文字</font> <br/>
		<font size="7pt">若干文字</font> <br/>
		<font size="7pt">若干文字</font> <br/>
		<font size="7pt">若干文字</font> <br/>
		<font size="7pt">若干文字</font> <br/>
		<font size="7pt">若干文字</font> <br/>
		<font size="7pt">若干文字</font> <br/>
		<font size="7pt">若干文字</font> <br/>
		<font size="7pt">若干文字</font> <br/>
		<font size="7pt">若干文字</font> <br/>
		
		<a href="#start">跳到开头</a> <br/>
		<a name="last"></a>
	</body>
</html>



页面显示：



目标达成
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML超链接（详解如何进行网页之间的跳转）
百赢出品，必属精品
04-24 1万+
HTML 使用超级链接与网络上的另一个文档相连。HTML中的链接是一种用于在不同网页之间导航的元素。链接通常用于将一个网页与另一个网页或资源（如文档、图像、音频文件等）相关联。链接允许用户在浏览网页时单击文本或图像来跳转到其他位置，从而实现网页之间的互联。HTML超链接是用于链接到其他网页、文件或位置的元素。
html跳转链接是空白页面,HTML---超链接
weixin_31151281的博客
06-08 2351
四、超链接1.简介使用超链接可以从一个页面跳转到另一个页面，实现页面之间的跳转当鼠标移动超链接文本上时，鼠标箭头会变成一只小手超链接有三种类型：普通链接/页面间链接：跳转到另一个页面锚链接：跳转到锚点(同一页面下的某个位置)功能链接：实现特殊功能(发邮件，下载)2.基本用法使用 标签创建超链接语法格式：链接文本或图像a>常见属性：href链接地址或路径：链接地址target链接打开的位置，取...
js 跳转链接的几种方式
continue my dream 技术只是工具，关键在于思想
08-10 2227
1、跳转链接 在当前窗口打开 window.location.href="http://www.baidu.com"   等价于    &lt;a href="baidu.com" target="_self"&gt;go baidu&lt;/a&gt;   2、跳转链接 在新窗口打开 window.open("http://www.baidu.com")  等价于 &lt;
HTML【详解】超链接 a 标签的四大功能（页面跳转、页内滚动【锚点】、页面刷新、文件下载）
最新发布
朝阳39的博客
07-05 810
访问接口，返回文件流进行下载时，也会用到！
超链接、路径
qq_43648337的博客
08-30 541
超链接简介 超链接可以从一个页面跳转到其他页面或当前页面的其他位置 使用a标签来定义超链接，是行内元素，在a标签中可以嵌套除它自身外的任何元素（包括块元素） a标签的属性： href：指定跳转的目标路径，值可以是外部网站的地址，也可以是内部页面的地址 相对路径 当我们需要跳转到一个服务器的内部页面时，常使用相对路径 相对路径都会使用.或…开头 ./表示当前文件的目前，./ ...
网页自动跳转的代码
07-09
网页自动跳转的代码，打开网页，自动跳转出设定的网站
HTML网页跳转代码大全 网页自动跳转代码【分享】
热门推荐
vbn67667的博客
10-23 23万+
很多新手在学习网站建设的时候，不清楚也就是从一个，下面IT备忘录婷婷小编就给大家分享一份比较全面的网页自动跳转代码大全给大家，欢迎大家采纳！
第五课 html超链接-011
08-03
在前端开发中，HTML（HyperText Markup Language）是构建网页的基础语言，而超链接是HTML中的重要元素之一，它使得用户能够从一个页面跳转到另一个页面或在同一个页面内部进行导航。本篇将深入讲解超链接的概念、...
Nuxt.js的路由跳转操作(页面跳转nuxt-link)
01-21
路由跳转代码如下： <li><nuxt to={name:>HOME page</nuxt></li> <li><nuxt to={name:>NEWS page</nuxt></li> <li><nuxt to={name:>PLAY page</nuxt></li> 注意说明： to 前面有冒号“ : ” to 后面跟的是路径...
JS中页面与页面之间超链接跳转中文乱码问题的解决办法
10-20
总结来说，解决JavaScript中页面跳转时的中文乱码问题，关键在于确保服务器端对于URL中的参数使用正确的编码进行解码。在Web开发中，我们通常推荐使用UTF-8作为全局字符编码，因为它是最通用的字符编码，能有效地...
网页设计实现三个页面（文字、图片、超链接可以跳转）
04-02
若要实现页面间的跳转，可以使用JavaScript或者锚点链接。JavaScript可以通过`window.location.href`改变当前页面URL，而锚点链接则在同一个页面内创建链接点。例如： ```html 跳转到页面2 ... <!-- 页面2的...
html网页跳转代码大全
05-12
html网页跳转代码大全
网站自动跳转代码大合集
云博客_资源宝分享
03-09 1万+
1.HTML方式（可隐藏跳转后网址） <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Panda社区</title> <frameset framespacing="0" border="0" rows="0" frameborder="0"> <frame name="main" src="htt
跳转链接的两种不同的方式
菜鸟拥有不太多的知识
05-11 1473
<a href="#"><li>XX超市首页</li></a> <a href="#"><li class="show_list"><span>超市管理</span> <ul class="move_list"> <!-- 打开浏览器新页面进行跳转 --> <li onclick="window.open('./Manage_Employ...
6. HTML 常用标签—超链接
qq_51644044的博客
07-06 1401
文本或图像 < a href = "index.html"> 首页 下载文件 < /a> 第二集 < a href = "#" >首页
CSDN 博文写作小技巧 (标题超链接、跳转指定博客的指定位置、图片居中、动图制作、可爱文字、定时博客发布、快速博客写作)
clzZ2的博客
03-25 1750
CSDN 博文写作小技巧 (标题超链接、跳转指定博客的指定位置、图片居中、动图制作、可爱文字🙈🙊🙉、定时博客发布、快速博客写作) 🙈🙊🙉🥕🥝🍔🍅🍎🍏🍉🍒🍓🤓🤪😹
前端-基础 常用标签-超链接标签（ 锚点链接 ）
三毛与海子的博客
01-07 1019
锚点链接详解（ 两步实现 ）
2022年最完整的html网页跳转代码大全
18166600153
07-27 2万+
2022年最完整的html网页跳转代码大全
a标签超链接时跳转到新窗口
suxuelian的博客
07-18 4万+
只需要设置a标签的target属性即可 首页 不加target="_blank"的话超链接会覆盖本页面，加上则重新打开一个窗体
el-button跳转页面
08-30
要实现el-button跳转页面，可以使用以下代码示例作为参考： ```html <el-button size="small"> <a :href="this.webUrl" target="_blank" style="text-decoration: none">进入团队项目组</a> </el-button> ``` 在这个示例中，我们使用了el-button组件，并在组件内部嵌套了一个a标签，通过设置a标签的href属性来指定跳转的页面链接，可以通过this.webUrl来获取链接地址。同时，我们还设置了target="_blank"来指定在新的页面中打开链接，以及style="text-decoration: none"来去除超链接的下划线效果。这样，当点击el-button时，就会跳转到指定的页面。 需要注意的是，此示例仅供学习和参考，具体实现方式可能会根据项目需要进行调整。另外，在实际使用中，你可能需要根据具体情况来修改这段代码以适应你的项目需求。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [＜el-button＞ 点击后跳转指定 url 链接](https://blog.csdn.net/qq_39249627/article/details/125185287)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [Vue 页面跳转不用router-link的实现代码](https://download.csdn.net/download/weixin_38609089/13981262)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值