作者:
Monica Porter
创建日期:
22 行进 2021
更新日期:
1 七月 2024
![Web 前端开发教程7 | Html中如何插入图片img? | html+css入门开发](https://i.ytimg.com/vi/1S0oOc9USvs/hqdefault.jpg)
内容
在Web编程语言中,通常使用空格,Tab键和Enter键创建的许多空格都将被忽略。 HTML将它们全部定义为单词之间的常规空格,并且仅显示单个空格。尽管CSS允许用户设置有关空格和对齐方式的更多详细信息,但HTML并没有内置的工具可以自定义您的间距。
脚步
方法1之2:插入空格和单个选项卡
插入空格未中断。 通常,无论您按下空格键多少次,HTML只会在单词之间显示一个空格。要显示多个连续的空格,请键入或。此代码将创建一个称为“不间断空格”的特殊字符,并且始终显示该字符。- 上面的字符称为“不可破坏的空间”,因为它可以防止换行。如果您滥用此字符,浏览器将难以以有序和垂直的方式插入换行符。
插入不同宽度的空格。 还有其他一些实体字符需要浏览器显示空格。这些空格在不同浏览器中的显示方式有些不同,但是,与以下代码不同的是,它们不会影响换行符:- -以打印机的“ N”空间(度量单位)命名,“ en”空间的宽度是普通空间的两倍。
- -“ em”空间,大约等于四个空格。
模拟具有大量非破坏性空间的选项卡。 要缩进段落,可以连续插入不可破坏的空格:。如果仅使用HTML,则这是唯一的解决方案,但是,如果使用CSS(在下面的步骤中分别介绍),它将更短。- 如果存在复杂的文本表示,请使用pre标记。
使段落与CSS对齐。 CSS的“ margin”和“ padding”属性直接将指令提供给浏览器,因此显示的结果将更加一致。除非您对CSS一无所知并且您的页面没有样式表,否则实现此方法并不难。这是一个如何将整个段落移到右边距的示例:- 在部分 HTML文档,插入以下代码:
其中:“ p.indent”定义了文本(p标签)名称“ indent”的属性(可以使用其他名称)。其余代码在段落的左侧添加了“填充”空间的功能。 - 现在,回到HTML文档的正文。每当您要缩进一个段落(在此示例中仍为“缩进”)时,请将该段落放在以下代码中:
- 要对齐缩进间距,请在CSS代码中更改数字“ 1.8”。请在后面加上“ em”,因为这是与字体大小相关的长度单位。
- 在部分 HTML文档,插入以下代码:
方法2之2:设置更长的间隙
使用预格式化的标签。 任何键 空间 好 ↵输入 在卡中输入将完全按照您键入的内容显示。您还可以使用此标记来呈现示例,诗歌或任何其他在显示间距和换行符时需要高精度的文本。
- 预格式化卡的主要缺点是宽度。与常规HTML不同,预格式化的文本不会调整大小以适合用户的窗口大小。
创建一个换行符。 卡
将结束当前文本行。您可以使用多个换行符创建空白行。对于刚接触HTML的学生,这是一个好方法,但是,如果您已学习CSS,则不建议使用这种强制性HTML格式。
用“ p”标签标识该段落。 文字周围的标签标识该段落。大多数浏览器都会用空白行分隔段落,但是您不能保证文本的格式一致。广告
忠告
- 上次检查网页上的显示时,如果在代码段的不寻常位置看到多余的字符,请检查是否存在不完整的标记,例如 <> 代替
. - CSS是用于显示网页(包括文本间距)的功能更强大且更主动的工具。
- 限制开放标签后面或封闭标签前面的突然间隔。例如,您应该写空格 讲解 不是空格 讲解 .
- 不可破坏的空间是实体字符的一个示例:代表您无法从键盘输入的字符的代码。
警告
- HTML属性代表键 标签↹ 实际上并不像您想像的那样有效。标准HTML文档没有制表位,因此制表符无效。
- 始终在代码编辑器或纯文本文件中编写HTML语言,不要使用文本文件处理格式。如果您的空格在Web浏览器中变成奇怪的字符,则很可能是由于文字处理器添加了多余的数据,这些数据不适合在线显示。