HTML将这样的键视为空白字符, 是会被自动忽略的。 当你需要在文本、单词、字母、标点或其他地方输入空格时,你需要输入相应的代码来表示空格。 下面介绍几种HTML中添加空格的方法:
—— 代表不换行空格。 当你想要在字符或单词之间插入少量空格时,在特定位置使用`` 代码能插入一个或两个空格。这样既能保持文本体裁格式上的统一性,又能提升文本的美学效果。
从W3Cschool.cn开始!”
如果你希望接下来输入的文本形成一个段落,那么在段落前插入<p>
。
在每个段落的起始位置插入<p>
。
在段落内句与句之间插入</p>
来分割句子。
例如:
<p>学技术, 从W3Cschool.cn开始!</p>
<p>一个专业的编程入门教程网站!</p>
使用四个或五个连续的空格,添加制表符。代码是这样的:
在HTML中,没有专用的表示制表符的代码。如果你需要使用制表符,你可以考虑选择CSS代码。
当你想要换行时,插入<br>
代码。
当你使用该方法插入双倍行距时,你需要插入两个换行符:“<br><br>
“。
其中一个是为了换行,一个是为了跳过该行。
在进行编辑的文本前,或者需要排版的文本内容之前,插入<pre>
。
如果要以书面形式或未排版形式显示文本,那么就意味着其中不会出现空白字符。在这种情况下,HTML中的每个空格键和回车键会和其在文字处理程序中显示的一样。
排版结束时,输入 </pre>
。
当你要展示诗歌或代码时,你可以考虑参考这个方法。
例如:
{{
<head>
<style>
body {
background-image: url(http://img.w3cschool.cn/attachments/knowledge/201610/14632.png);
background-size: 100%;
background-origin: content;
background-repeat: no-repeat;
}
</style>
</head>
<body>
<body background="http://img.w3cschool.cn/attachments/knowledge/201610/14632.png">
<p><br></p>
<p> </p>
<p> </p>
<p> </p>
<p style="font-size:10pt;"> </p>
<center> <a href="http://www.w3cschool.cn"><font size="6">W3Cschool 首页</font></a>
<a href="http://www.w3cschool.cn/tutorial"><font size="6">编程教程入门</font></a>
<a href="http://www.w3cschool.cn/manual"><font size="6">参考手册</font></a>
<a href="http://www.w3cschool.cn/examples"><font size="6">编程实例</font></a></center>
</body>
}}
如果在你检查最后的文本时,看到一些额外的符号“浮”在代码上,你需要仔细查看是不是有不完全的代码,比如“<br>
”写成了“<br
”。
另外也可以到W3Cschool.cn首页 查看《HTML教程》,里面有关于HTML空格知识集合(http://www.w3cschool.cn/html/html-space.html)。
HTML提供了5种空格实体(space entity),它们拥有不同的宽度,非断行空格(
)是常规空格的宽度,可运行于所有主流浏览器。其他几种空格(
)在不同浏览器中宽度各异。
它叫不换行空格,全称No-Break Space,它是最常见和我们使用最多的空格,大多数的人可能只接触了
,它是按下space键产生的空格。在HTML中,如果你用空格键产生此空格,空格是不会累加的(只算1个)。要使用html实体表示才可累加,
该空格占据宽度受字体影响明显而强烈。
它叫“半角空格”,全称是En Space,en是字体排印学的计量单位,为em宽度的一半。根据定义,它等同于字体度的一半(如16px字体中就是8px)。名义上是小写字母n的宽度。此空格传承空格家族一贯的特性:透明的,此空格有个相当稳健的特性,
就是其占据的宽度正好是1/2个中文宽度,而且基本上不受字体影响。
它叫“全角空格”,全称是Em Space,em是字体排印学的计量单位,相当于当前指定的点数。例如,1 em在16px的字体中就是16px。此空格也传承空格家族一贯的特性:透明的,此空格也有个相当稳健的特性,
就是其占据的宽度正好是1个中文宽度,而且基本上不受字体影响。
它叫窄空格,全称是Thin Space。我们不妨称之为“瘦弱空格”,就是该空格长得比较瘦弱,身体单薄,占据的宽度比较小。它是em之六分之一宽。
它叫零宽不连字,全称是Zero Width Non Joiner,简称“ZWNJ”,是一个不打印字符,放在电子文本的两个字符之间,抑制本来会发生的连字,而是以这两个字符原本的字形来绘制。Unicode中的零宽不连字字符映射为“”(zero width non-joiner,U+200C),HTML字符值引用为:
它叫零宽连字,全称是Zero Width Joiner,简称“ZWJ”,是一个不打印字符,放在某些需要复杂排版语言(如阿拉伯语、印地语)的两个字符之间,使得这两个本不会发生连字的字符产生了连字效果。零宽连字符的Unicode码位是U+200D (HTML:
)。
此外,浏览器还会把以下字符当作空白进行解析:空格(
)、制表位(
)、换行(
)和回车(
)还有(
)等等。
下载App
关注公众号
Copyright©2023 w3cschool编程狮|闽ICP备15016281号-3|闽公网安备35020302033924号
违法和不良信息举报电话:173-0602-2364|举报邮箱:jubao@eeedong.com
联系方式: