如何在HTML中插入空格

作者: Monica Porter
创建日期: 22 行进 2021
更新日期: 1 七月 2024
Anonim
Web 前端开发教程7 | Html中如何插入图片img? | html+css入门开发
视频: Web 前端开发教程7 | Html中如何插入图片img? | html+css入门开发

内容

在Web编程语言中,通常使用空格,Tab键和Enter键创建的许多空格都将被忽略。 HTML将它们全部定义为单词之间的常规空格,并且仅显示单个空格。尽管CSS允许用户设置有关空格和对齐方式的更多详细信息,但HTML并没有内置的工具可以自定义您的间距。

脚步

方法1之2:插入空格和单个选项卡

  1. 插入空格未中断。 通常,无论您按下空格键多少次,HTML只会在单词之间显示一个空格。要显示多个连续的空格,请键入或。此代码将创建一个称为“不间断空格”的特殊字符,并且始终显示该字符。
    • 上面的字符称为“不可破坏的空间”,因为它可以防止换行。如果您滥用此字符,浏览器将难以以有序和垂直的方式插入换行符。

  2. 插入不同宽度的空格。 还有其他一些实体字符需要浏览器显示空格。这些空格在不同浏览器中的显示方式有些不同,但是,与以下代码不同的是,它们不会影响换行符:
    • -以打印机的“ N”空间(度量单位)命名,“ en”空间的宽度是普通空间的两倍。
    • -“ em”空间,大约等于四个空格。

  3. 模拟具有大量非破坏性空间的选项卡。 要缩进段落,可以连续插入不可破坏的空格:。如果仅使用HTML,则这是唯一的解决方案,但是,如果使用CSS(在下面的步骤中分别介绍),它将更短。
    • 如果存在复杂的文本表示,请使用pre标记。

  4. 使段落与CSS对齐。 CSS的“ margin”和“ padding”属性直接将指令提供给浏览器,因此显示的结果将更加一致。除非您对CSS一无所知并且您的页面没有样式表,否则实现此方法并不难。这是一个如何将整个段落移到右边距的示例:
    • 在部分 HTML文档,插入以下代码:

      其中:“ p.indent”定义了文本(p标签)名称“ indent”的属性(可以使用其他名称)。其余代码在段落的左侧添加了“填充”空间的功能。
    • 现在,回到HTML文档的正文。每当您要缩进一个段落(在此示例中仍为“缩进”)时,请将该段落放在以下代码中:

    • 要对齐缩进间距,请在CSS代码中更改数字“ 1.8”。请在后面加上“ em”,因为这是与字体大小相关的长度单位。
    广告

方法2之2:设置更长的间隙

  1. 使用预格式化的标签。 任何键 空间↵输入 在卡中输入

    将完全按照您键入的内容显示。您还可以使用此标记来呈现示例,诗歌或任何其他在显示间距和换行符时需要高精度的文本。

    • 预格式化卡的主要缺点是宽度。与常规HTML不同,预格式化的文本不会调整大小以适合用户的窗口大小。
  2. 创建一个换行符。
    将结束当前文本行。您可以使用多个换行符创建空白行。对于刚接触HTML的学生,这是一个好方法,但是,如果您已学习CSS,则不建议使用这种强制性HTML格式。
  3. 用“ p”标签标识该段落。 文字周围的标签标识该段落。大多数浏览器都会用空白行分隔段落,但是您不能保证文本的格式一致。广告

忠告

  • 上次检查网页上的显示时,如果在代码段的不寻常位置看到多余的字符,请检查是否存在不完整的标记,例如 <> 代替
    .
  • CSS是用于显示网页(包括文本间距)的功能更强大且更主动的工具。
  • 限制开放标签后面或封闭标签前面的突然间隔。例如,您应该写空格 讲解 不是空格 讲解 .
  • 不可破坏的空间是实体字符的一个示例:代表您无法从键盘输入的字符的代码。

警告

  • HTML属性代表键 标签↹ 实际上并不像您想像的那样有效。标准HTML文档没有制表位,因此制表符无效。
  • 始终在代码编辑器或纯文本文件中编写HTML语言,不要使用文本文件处理格式。如果您的空格在Web浏览器中变成奇怪的字符,则很可能是由于文字处理器添加了多余的数据,这些数据不适合在线显示。