html(超链接定义锚点与特殊符号转义)

最新推荐文章于 2024-06-02 15:45:53 发布

outlier--

最新推荐文章于 2024-06-02 15:45:53 发布

阅读量427

点赞数

分类专栏：前端文章标签： html elementui 蓝桥杯

本文链接：https://blog.csdn.net/yizhishuangsheng/article/details/122882384

版权

前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<a name="top"></a>
		<!--  
		   锚点 :在网页中定义一个位置 可以精确定位网页中的某个位置
		-->
		<a href="#p1">商品一</a>
		<a href="#p2">商品二</a>
		<a href="#p3">商品三</a>
		<a href="#p4">商品四</a>
		<a href="#p5">商品五</a>
		<hr/>
		<!-- 定义锚点 -->
		<a name="p1"></a>
		<h3>商品一</h3>
		<img src="img/1.png" />
		
		<hr/>
		<a name="p2"></a>
		<h3>商品二</h3>
		<img src="img/2.png" />
		
		<hr/>
		<a name="p3"></a>
		<h3>商品三</h3>
		<img src="img/3.png" />
		
		<hr/>
		<a name="p4"></a>
		<h3>商品四</h3>
		<img src="img/4.png" />
		
		<hr/>
		<a name="p5"></a>
		<h3>商品五</h3>
		<img src="img/5.png" />
		<a href="#top">返回顶部</a>
		<!-- 特殊符号转义 -->
		<!-- 空格 -->
		百&nbsp;&nbsp;度
		<!-- 大于小于号 -->
		&gt;大于号
		&lt;小于号
		<!-- 注册商标(R) -->
		&reg;
		<!-- 商标(TM) -->
		&trade;
		<!-- 版权(C) -->
		&copy;
		
	</body>
</html>

优惠劵

outlier--

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
html(超链接定义锚点与特殊符号转义)

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <a name="top"></a>  <a href="#p1">商品一&l.
复制链接

扫一扫