内容

• 方法 2 of 3：CSS
• 方法 3（共 3 个）：预格式化文本
• 提示
• 警告

1 打开一个 HTML 文档。 这可以在常规文本编辑器中完成，例如 Windows 上的记事本或 TextEdit。您还可以使用 HTML 文件编辑器，例如 Adob​​e Dreamweaver。要打开 HTML 文档：

• 在资源管理器 (Windows) 或 Finder (macOS) 中导航到 HTML 文档。
• 右键单击所需的 HTML 文档。
• 将鼠标悬停在打开方式上。
• 选择要在其中编辑文档的程序。

2 点击 空间添加常规空间。 将光标放在要插入空格的位置，然后按“空格”键。在 HTML 中，即使多次点击空格，单词之间也只会出现一个空格。

3 进入 添加额外的空间。 它被称为不间断空格，因为它不允许换行。

• 例如，如果您输入 嗨，大家好，在“你好”和“大家！”这两个词之间将插入一个额外的空格。
• 请记住，过多的不间断空格会阻止浏览器在正确的位置换行，从而使文本难以阅读。
• 你也可以输入  插入一个空格。

4 插入不同长度的空格。 如果要插入更长的空格，请使用以下选项之一：

• 两个空格 - 进入  
• 四格 - 进入  
• 缩进（制表符间距） - 进入

方法 2 of 3：CSS

1. 1 打开 HTML 或 CSS 文档。 CSS 代码可以插入到 HTML 文档的头部或另存为外部 CSS 文件。
   • HTML 文档的头部位于文件的顶部，在“head>”和“/head>”标签之间。
2. 2 为 CSS 创建一个样式部分。 样式部分位于 HTML 代码的开头或单独的样式表中。使用以下标签在 HTML 文档或样式表中创建样式部分。
   • 进入 款式>打开样式部分。所有 CSS 代码都将遵循此标签。
   • 进入 / 风格>关闭样式部分。所有 CSS 必须放在此结束标记之前。
3. 3 在样式部分输入以下标签：p {缩进文本：5em;} 这告诉浏览器将它缩进 5 个空格（在正确的 HTML 中）。
   • 要设置空格数，请更改“indent-text:”后的数字。
   • “em”元素匹配一个具有指定字体大小的空格。可以使用其他单位，例如百分比（“缩进文本：15%；”）或毫米（“缩进文本：3mm；”）。
4. 4 进入 > 要添加缩进的位置。 在要缩进的 HTML 文档中执行此操作。文本将根据 CSS 规范缩进。

方法 3（共 3 个）：预格式化文本

1. 1 打开一个 HTML 文档。 这可以在常规文本编辑器中完成，例如 Windows 上的记事本或 TextEdit。您还可以使用 HTML 文件编辑器，例如 Adob​​e Dreamweaver。要打开 HTML 文档：
   • 在资源管理器 (Windows) 或 Finder (macOS) 中导航到 HTML 文档。
   • 右键单击所需的 HTML 文档。
   • 将鼠标悬停在打开方式上。
   • 选择要在其中编辑文档的程序。
2. 2 进入 预> 在要预先格式化的文本之前。 这是预格式化文本的开始标记。
3. 3 在“pre>”标签后按预期输入文本。 预先格式化文本时，通过按 Enter 创建的任何空格和换行符都将显示在 HTML 页面上。
4. 4 进入 /预> 在文末。 这是预格式化文本的结束标记。

提示

• 如果浏览器将空格显示为难以理解的字符，这很可能是由于额外的数据；它们以文字处理格式存储，不显示在屏幕上。为避免这种情况，请使用常规文本编辑器，例如记事本或 TextEdit。
• CSS 是一种更强大、更可预测的创建网页布局的方式，包括字间距。
• 不间断空格是字符实体的一个示例；它是指无法从键盘输入的字符的代码。

警告

• HTML 符号 标签 ↹ (tabs) 不像很多人想的那样工作。常规 HTML 文件中没有制表位，因此输入此字符将不起作用。
• 在代码编辑器或纯文本文件而不是强大的文本编辑器中输入 HTML。