HTML入门笔记16-HTML相对链接

最新推荐文章于 2022-04-26 00:00:33 发布

Anthony_tester

最新推荐文章于 2022-04-26 00:00:33 发布

阅读量1.4k

点赞数

分类专栏： HTML入门系列文章标签： HTML 相对标签

本文链接：https://blog.csdn.net/u011541946/article/details/76100383

版权

HTML入门系列专栏收录该内容

26 篇文章 9 订阅

订阅专栏

本篇学习HTML中相对链接写法，就像我们看电子书，点击左侧目录章节名称，就会自动跳转到对应内容。下面我们就写一个demo.html来模仿这种行为。

<!DOCTYPE html>  
      
<html>  
      
    <head>  
        <title>  
            HTML的相对链接用法
        </title>  
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    </head>  
    <body>  
		<pre>
		
		一些文字简介描述，随便写一些。
		
		<h2>
	Contents [hide]
	1 前言
	2 历史
	2.1 第一节
	<a href="#end">2.2 结束语</a>
	2.3 第三节
	2.4 第四节
	2.5 第五节
	2.6 第六节
	2.8 第七节
	2.9 第八节
    2.10 第七节
    2.11 第七节
    2.12 第七节	
	3 第三篇
    3.1 第一节
    3.2 第二节	
		
		</h2>
		
		
	<p>
	
	<a name="end">结束语</a>
	
	这是一段结束语描述，随便乱写一些内容。束带结发Joe我发addafewfwef
	fwffeegj  jiejge 
	
	</p>
		
		</pre>
    </body>  
</html>

如果你的显示器是大屏幕，建议你多copy几行章节，点击带蓝色下划线的章节，会定位到底部的结束语部分。上面思路就是在需要定位跳转的段落插入一个<a>标签,name随便写一个，上面写的是end,然后在章节，更加#end就可以找到这个<a>标签。

Anthony_tester

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML入门笔记16-HTML相对链接

本篇学习HTML中相对链接写法，就像我们看电子书，点击左侧目录章节名称，就会自动跳转到对应内容。下面我们就写一个demo.html来模仿这种行为。 HTML的相对链接用法一些文字简介描述，随便写一些。
复制链接

扫一扫

专栏目录