HTML网页制作:制作锚点链接

HTML网页制作:制作锚点链接,第1张

01

右击桌面,新建一个文本文档。

02

打开文档,输入需要写的HTML代码,如下图所示:

<html>

<head>

<title>简单html页面</title>

</head>

<body>

<a href="url">明天,你好!</a>

</body>

</html>

03

点击文件中的保存文档。

04

选择用浏览器的方式打开文档,就可以看到我们刚刚编辑的锚点链接了。

使用HTML超链接标签<a>可以创建锚点链接。必须指定<a>标签的href属性,其中href属性的值应该是相应的锚链接地址,并指定name属性(也可以将name属性替换为id属性),以表示锚链接。例如:<a href="#top" name="top">回到页面顶部</a>

在HTML页面中适当位置定义如下的锚点:

<a id=top>这里是TOP部分</a>

<a id=content>这里是CONTENT部分</a>

<a id=foot>这里是FOOT部分</a>

(您可以使用 id 属性来替代 name 属性,命名锚同样有效。 )

对于如上锚点的访问有两种方法

一种是利用超链接标签<a></a>制作锚点链接,主要用于页面内的锚点访问

<a href=#top>点击我链接到TOP</a>

<a href=#content>点击我链接到CONTENT</a>

<a href=#foot>点击我链接到FOOT</a>

另一种方式是直接在页面地址后面加锚点标记,主要用于不同页面之间的锚点访问

假如本页面的地址是http://文件路径/index.html,要访问foot锚点只要访问如下链接即可

http://文件路径/index.html#foot


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6194796.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-17
下一篇 2023-03-17

发表评论

登录后才能评论

评论列表(0条)

保存