如何在HTML中创建空格

在你的HTML中添加一串空格,却因为HTML处理空格的方式而让它们消失,这对任何从事网页设计的人来说都是令人沮丧的、熟悉的经历。HTML空间标签可以方便地创建空间,但事实上没有空间存在。

问题的根源在于HTML将所有空格字符(制表符、空格和回车符)压缩为一个字符。如果你想缩进你的段落,你不能简单地输入五个空格然后开始文本。然而,这并不意味着您不能控制HTML中的空格。

向代码中添加HTML空间标记的人
乐动体育赞助Lifewire / Maddy Price

替代不存在的HTML空间标签

你有几个选项来创建和控制网页上的空白:

  • HTML< br >标签表示换行,就像字处理程序中的回车。例如,您可以在地址的每行末尾使用它,以获得人们习惯看到的块格式。
  • < p >标签生成一个段落分隔符。它应用于文本的一部分,该文本是由空格和/或第一行缩进与附近的文本块隔开的文本块。
  • <前>标签与预格式化文本一起使用。它指示浏览器文本显示与HTML文件中所写的完全一致,包括任何空格或空行。如果你在里面输入五个空格<前>标签,网站上有五个空格字符
  • ,字符创建一个不换行的空间。由不间断空格分隔的两个单词总是出现在同一行上。
  • & # 9;选项卡;字符在HTML中创建制表符。不幸的是,它们不能单独使用。任何时候你想在HTML中使用标签,你都需要在里面使用这些字符之一<前>标签或伪造的CSS。
  • 您还可以在文本周围添加空格使用层叠样式表(CSS).如果你想在整个文本块周围创建空格,这绝对是一种方法。CSS还为文本本身提供了大量的样式控制,使其成为许多web开发人员的首选。

练习使用这些简单的标签,注意每个标签的结果。如果您了解了这些快速方法,那么解决HTML空间标记缺乏的问题并不复杂。

这个页面有用吗?