标题字标记&空格与特殊符号

最新推荐文章于 2024-11-13 10:20:33 发布

尐╋猪

最新推荐文章于 2024-11-13 10:20:33 发布

阅读量2.4k

点赞数 6

分类专栏：前端文章标签： css html html5 css3 javascript

本文链接：https://blog.youkuaiyun.com/qq_45623543/article/details/109116950

版权

前端专栏收录该内容

18 篇文章

订阅专栏

《个人练习笔记三》

标题字标记

标题字标记由h1~h6共六种标记组成

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h1>第一级标签题目文字</h1>
    <h2>第二级标签题目文字</h2>
    <h3>第三级标签题目文字</h3>
    <h4>第四级标签题目文字</h4>
    <h5>第五级标签题目文字</h5>
    <h6>第六级标签题目文字</h6>

</body>

</html>

此下为我在VS Code进行的操作
在这里插入图片描述

空格与特殊符号

显示结果	说明	符号代码
	显示一个空格	&nbsp；
<	小于	&lt；
>	大于	&gt；
&	&符号	&amp；
©	版权	&copy；
®	注册商标	&reg；
乘号	乘号	&times；
除号	除号	&divide；

在这里插入图片描述注释：打空格语句&nbsp；时打一个要空一个位置。
如果想在文本中空一个空格，直接打空格或用&nbsp；都可以。
但如果要留出多个空格，在文本中打出多个空格是没有用的，因为浏览器会自己矫正，可以打开浏览器，右击点击检查，查看源码，会发现源码被浏览器矫正成一个空格。所以，如果想让文本出现多个空格必须用&nbsp；一个&nbsp；是一个空格，多个&nbsp；是多个空格。
在浏览器上的表现为下图
在这里插入图片描述
相关代码：

    <h4>此处加&nbsp; &nbsp; &nbsp;三个空格</h4>
    <h4>1&lt;2</h4>
    <h4>2&gt;1</h4>

在这里插入图片描述

代码如下：

    <h4>出自 &copy;**出版社</h4>
    <h4>&reg;**商标</h4>
    <h4>4&times;2&divide;1</h4>