HTML锚链接

最新推荐文章于 2022-03-06 01:05:43 发布
最新推荐文章于 2022-03-06 01:05:43 发布
阅读量96 收藏
点赞数
分类专栏： java基础课程总结
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43707174/article/details/104692835
版权

锚链接：在当前页面连接当前页面资源

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
        <a href="#p1">第一章</a>
        <a href="#p2">第二章</a>
        <a href="#p3">第三章</a>
        <br />1
        <br />2
        <br />3
        <br />4
        <br />5
        <br />6
        <br />7
        <br />8
        <br />9
        <br />10
        <br />11
        <br />12
        <br />13
        <br />14
        <br />15
        <br />16
        <br />17
        <br />18
        <br />19
        <br />20
 
        <p id="p1">第一张内容</p>
        <br />1
        <br />1
        <br />1
        <br />1
        <br />1
        <br />1
        <br />1
        <br />1
        <br />1
        <br />1
        <br />1
        <br />1
        <br />
        <br />1
        <br />1
        <br />1
        <br />1
        <br />1
        <br />1
        <br />1
        <br />1
        <br />1
        <br />1
        <br />
        <br />1
        <br />11
        <br />1
        <br />1
        <br />1
        <br />
        <br />1
        <br />
        <br />
        <br />1
        <br />
        <br />1
        <br />1
        <br />
        <br />
        <br />
        <br />
        <br />1
        <br />
        <br />1
        <br />1
        <br />1
        <br />1
        <br />
        <p id="p2">第二张内容</p>
        <br />2
        <br />
        <br />2
        <br />
        <br />
        <br />2
        <br />2
        <br />2
        <br />2
        <br />2
        <br />2
        <br />2
        <br />
        <br />2
        <br />2
        <br />2
        <br />22
        <br />2
        <br />
        <br />
        <br />
        <br />2
        <br />
        <br />
        <br />2
        <br />
        <br />2
        <br />
        <br />
        <br />2
        <br />2
        <br />
        <br />
        <br />2
        <br />
        <br />2
        <br />
        <br />2
        <br />22
        <br />
        <br />
        <br />
        <br />2
        <br />
        <br />2
        <br />2
        <br />
        <br />2
        <br />2
        <p id="p3">第三章</p>
          <br />3
        <br />3
        <br />3
        <br />3
        <br />3
        <br />3
        <br />3
        <br />3
        <br />3
        <br />3
        <br />3
        <br />3
        <br />3
        <br />3
        <br />3
        <br />3
        <br />3
        <br />3
        <br />3
        <br />3
        <br />3
        <br />3
        <br />3
        <br />3
        <br />3
        <br />3
        <br />3
        <br />
        <br />
        <br />3
        <br />3
        	
	</body>
</html>
下个路口遇见希望
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML5创建锚链接.pdf
07-11
HTML5创建锚链接.pdf 学习资料 复习资料 教学资源
HTML锚点链接
W2279567793的博客
04-14 2万+
HTML锚点链接 什么是锚点链接：锚点链接是超链接的一种，形式和超链接有所不同，利用锚点链接主要就是为了在一个页面中更加方便的跳转到某个位置。使用的场景就是在一个过长的页面中方便用户能够跳转到自己想去的相应位置 锚点链接的具体使用场景： 我是头部 去底部 <a href="#" name="top"></a> 1.跳转到当前页面的指定位置 方法一 1.设置一个锚点链接我是锚点一；（注意：href属性的属性值最前面要加#） <a href="#miao">去找锚点
html之锚点链接
qq_62779007的博客
03-06 6161
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>6-12个月宝宝作息时间表</title> </head> <body> <!--锚点链接锚点是可以与链接的文字在同一个页面，也可以在不同的页面的超链接。创建锚点链接分为两步，先定义锚点，再通过id名标注跳转到锚点目标的位...
HTML中锚标签的作用,HTML链接锚标签及其在SEO中的作用介绍
weixin_42109178的博客
06-11 351
标签主要用于定义链接和书签，又被称作超链接或锚(anchor)链接，最常见的用法是下面几种：建立超链接href属性，跳转到href=""中间的链接。www.jb51.net建立书签，用name 或 id属性 和超链接尾部加“#”及这个书签的name 跳转到网页某个位置返回顶部打开第一章打开第二章当您打开E维科技W3CSchool 在线教程的时候，会显现标题下面的导航，这些就是通过书签name建立...
HTML——锚链接
ShyuDai的博客
10-14 2万+
&amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;gt; &amp;amp;amp;lt;html lang=&amp;amp;quot;en&amp;amp;quot;&amp;amp;amp;gt; &amp;amp;amp;lt;head&amp;amp;amp;gt; &amp;amp;amp;lt;meta charset=&amp;amp;quot;UTF-8&amp
html 页面内锚点定位及跳转方法总结
热门推荐
this_ITBoy的博客
07-24 8万+
项目中经常会出现点击跳转锚点的方法，比如给一个a标签一个href=“#锚点”，然后要跳的锚点给个id=“锚点”，这样就实现简单的跳转，但是这样在url地址栏后面都会出现一个诸如www.csdn.net#锚点，然后你点击给一次后退都是退回上一个选择的锚点url，这里总结一些跳转锚点的方法。 第一种方法，也是最简单的方法是锚点用标签，在href属性中写入DIV的id。如下： div {
HTML 链接锚标签及其在SEO中的作用介绍
09-28
a标签主要用于定义链接和书签，又被称作超链接或锚(anchor)链接，最常见的用法是下面几种，需要的朋友可以看下
HTML5锚点链接
06-13
HTML5锚点链接
js 文本字符串链接转为锚链接
04-15
在JavaScript中，文本字符串链接转换为锚链接是一个常见的需求，特别是在处理用户输入或者解析HTML时。这个过程涉及到字符串处理和DOM操作。以下是对这个主题的详细讲解。 首先，我们需要理解什么是锚链接（Anchor ...
导航向锚链接平滑跳转
12-03
在HTML中，锚链接（也称为书签链接）使用`<a>`标签配合`href`属性中的`#`标识来创建。它允许用户在同一个页面的不同部分之间进行快速跳转。例如，`跳转到第一部分</a>`，当点击这个链接时，浏览器会滚动到页面上`id`...
HTML网页制作：制作锚点链接
cherry_vicent的专栏
01-24 2万+
1、锚点链接定义： 指我点击页面中的某一个链接(锚点链接)，就会跳到这个页面的指定位置(锚点)。 2、锚点链接的步骤： (1)、设置锚点：<a name="锚点的名字"></a> 意思是在网页中的某一个位置，插入一个锚点。 (2)、设置锚点链接：<a href="#锚点的名字">点我就会跳到锚点处</a> 意思是在网页中的某一个位置链接之前设定的锚点，只要点击该链接，就会自动跳转到锚点处。 (3)、此时，点击锚点链接就会跳到锚点的位置。 3、举
html设置锚点，滚动到指定的位置
MtangEr的博客
05-07 4001
一、页面内跳转的锚点设置 页面内的跳转需要两步： 方法一： ①：设置一个锚点链接<a href="#miao">去找喵星人</a>；（注意：href属性的属性值最前面要加#） ②：在页面中需要的位置设置锚点<a name="miao"></a>；（注意：a标签中要写一个name属性，属性值要与①中的href的属性...
html 超链接之锚点
菜鸟自学博客
09-04 3万+
什么是锚点：锚点就是定位器！ 不跨页锚点 1.设置锚点 <a name="one">第一章</a> 2.设置启动定位器的开关 <a herf="#one">点我跳转第一章 </a> 跨页锚点 1.设置锚点 <a name="one">第一章</a> 2.设置启动定位器的开关 <a herf="要跳转的页面名称.ht...
HTML最佳入门
路口小沣
04-10 240
HTML HTML 1、HTML的概述 1.1、HTML简介 HTML(Hyper Text Markup Language)：超文本标记语言。 文本：记事本 写内容 文本就是用来展示信息 超文本：超出了文本范畴 例如：超链接 语言：沟通交流的工具 标记语言：就是标签语言 >标记就是标签 >HTML不是一种编程语言，而是一种标记语言（因为HTML不需要编译，直接可以被浏...
HTML链接-锚点
Catherine_G的博客
01-18 3323
可做页内跳转。参考 w3school 总：也就是说，首先在需要加锚点链接的地方添加链接的name属性，然后在其他地方的链接中的href就可以指向name,用href="#name名字"，在其他页面中使用时href要写完整的url.就酱！ HTML 链接 - name 属性 name 属性规定锚（anchor）的名称。 您可以使用 name 属性创建 HTML 页面中的书签。 书签不会...
html锚链接
RickJames的博客
09-09 78
HTML锚与链接
清箫的专栏
04-17 5248
A元素锚与链接的区别锚（anchor）和链接（link）都是a元素，唯一不同的是有没有href attribute。在Firefox35，Chrome41中，只要a元素有name这个attribute，不管name有没有值，都是锚。但在IE中，如果name没有值，又没有href，则既不是锚也不是链接。在所有浏览器中，只要a元素有href属性，不管有没有值，都是链接。锚的创建与作用锚的作用是当URL
HTML学习之锚链接
时秋的博客
07-04 5168
需要使用的标签 a标签 &lt;a href="#tips"/&gt; &lt;!--这里写需要定位的--&gt; &lt;a name="tips"/&gt; &lt;!--被定位的--&gt; 多数用于文章标题的跳转 跳转外部页面的锚链接 &lt;a href="xx.html#tips"/&gt; &lt;!--这里写需要
HTML学习：创建内部链接与锚记
在HTML中，链接到同一文档的某个部分是通过锚记（Anchor）来实现的。锚记标签 `<A>` 有两个关键属性：`NAME` 和 `HREF`。`NAME` 属性用于创建锚标记，即在文档中定义一个可以被链接到的位置。例如，我们可以在需要...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值