HTML中转义字符及超链接的使用

实体(转义字符)

在编写过程中我遇到必须使用的大于或小于符号这时浏览器会将它解析为标签,这时候就用到转义字符
语法

&实体名;

字符实体

符号 写法
< &lt;
> &gt;
© &copy;
" &quot;
空格 &nbsp;
® &reg;
& &amp;
&trade;

超链接

超链接是HTML5中常用的链接之一,超链接可以实现页面与页面的对接
##超链接的规范写法

<a href="这里写跳转网址" target="_blank">给链接起名字</a>

关于超链接的小练习

<!DOCTYPE html>
<html>
	<head>
		<title>一曲相思</title>
		<meta charset="utf-8" />
		<style type="text/css"></style>
	</head>
	<body>
		<center>
			<a id="a" href="#b">去底部</input></a>
			<h2>一曲相思.半阳</h2>
			<hr></hr>
			<h4>《一曲相思》</h4>
			<a href="https://baike.baidu.com/item/%E5%8D%8A%E9%98%B3/23129760?fr=aladdin" target="_blank">半阳</a>
			<p>这人间袅袅炊烟</p>

			<p>和风花雪月浪漫</p>

			<p>痴情人多半贪恋</p>

            <img src="./img/半阳一曲相思.jpg" alt="半阳组图" width="300px" height="300px" />

			<p>这人间袅袅炊烟</p>

			<p>和风花雪月浪漫</p>

			<p>痴情人多半贪恋</p>

            <img src="https://gss1.bdstatic.com/9vo3dSag_xI4khGkpoWK1HF6hhy/baike/s%3D220/sign=ba01c9ecab1ea8d38e227306a70b30cf/0824ab18972bd407bc01adaa76899e510eb309a6.jpg" alt="半阳组图" width="146px" height="220px" />

			<p>欲问青天这人生有几何</p>

			<p>怕这去日苦多</p>

			<p>往事讨一杯相思喝</p>

            <hr></hr>

			<a id="b"href="#a">回顶部</a>

			<p>友情链接:<a href="https://baike.baidu.com/item/%E5%8D%8A%E9%98%B3/23129760?fr=aladdin" target="_blank">1</a>|<a href="https://baike.baidu.com/item/%E5%8D%8A%E9%98%B3/23129760?fr=aladdin" target="_blank">2</a>|<a href="https://baike.baidu.com/item/%E5%8D%8A%E9%98%B3/23129760?fr=aladdin" target="_blank">3</a></p>

		</center>
	</body>
</html>

锚链接

锚链接就是给超链接起一个唯一id
其写法与超链接相似,主要用于页面主页面的直接跳转,比如:直接跳转到底部或顶部。

锚链接的规范写法

<a id="a" href="#b">去底部</a>
<a id="b" href="#a">去顶部</a>

猜你喜欢

转载自blog.csdn.net/weixin_44194855/article/details/88696693