专注Java教育14年 全国咨询/投诉热线:400-8080-105
动力节点LOGO图
始于2009,口口相传的Java黄埔军校
首页 hot资讯 HTML空格符的插入方法

HTML空格符的插入方法

更新时间:2021-08-26 12:50:34 来源:动力节点 浏览1023次

使用 HTML

1.打开一个 HTML 文档。 您可以使用文本编辑器(如 NotePad 或 Windows 上的 TextEdit)编辑 HTML 文档。您还可以使用 HTML 编辑器,例如 Adob​​e Dreamweaver。使用以下步骤打开 HTML 文档。

在 Windows 上的文件资源管理器或 Mac 上的 Finder 中导航到您的 HTML 文档。

右键单击要编辑的 HTML 文档。

将鼠标悬停在Open with 上。

单击要用于编辑文档的程序。

2.按space添加一个普通空格。要添加常规空间,请单击要添加空间的位置并按空格键。通常,HTML 只会在单词之间显示一个空格,无论您按多少次空格键。

3.键入&nbsp以强制使用额外的空格。 这称为不间断空格,因为它可以防止在其位置换行。

例如,打字Hello&nbspthere!会导致“Hello”和“there!”之间有一个额外的空格。

如果您过度使用此字符,浏览器将无法以整洁、易读的方式插入换行符。

您还可以键入&#160强制空格。

4.插入不同宽度的空格。您可以使用以下任一选项插入更长的空格:

两个空格- 类型 

四个空格- 类型 

缩进- 类型    

HTML空格符的插入方法

使用 CSS

1.打开 HTML 或 CSS 文档。 CSS 可以应用在 HTML 文档的头部,也可以编写为外部 CSS 文档。

HTML 文档的头部位于文件的顶部。它位于“<head>”和“</head>”标签之间。

2.为您的 CSS 创建一个样式部分。 样式部分位于 HTML 代码的头部,或位于单独的样式表中。使用以下标签在 HTML 或样式表文档中创建样式部分。

键入<style>以打开您的风格部分。所有的 CSS 代码都在这个标签之后。

键入</style>以关闭您的样式部分。所有 CSS 代码都位于此结束标记之前。

3.在样式区域中键入以下标记: p {text-indent: 5em;} 这将告诉浏览器在正确的 HTML 代码处创建 5 个空格的缩进空间。

您可以通过在“text-indent:”之后键入不同的数字来调整空格数。

“em”单位相当于指定字体大小的一个空格。您可以使用其他单位,例如百分比(即“文本缩进:15%;”)或度量(即“文本缩进:3mm;”)。

4.键入<p>要添加缩进空间的位置。 这会出现在 HTML 文档正文中您想要缩进文本的任何位置。这将在您的文本中添加一个与 CSS 中的规范相匹配的缩进。

使用预先格式化的文本

1.打开一个 HTML 文档。 您可以使用文本编辑器(如 NotePad 或 Windows 上的 TextEdit)编辑 HTML 文档。您还可以使用 HTML 编辑器,例如 Adob​​e Dreamweaver。使用以下步骤打开 HTML 文档。

在 Windows 上的文件资源管理器或 Mac 上的 Finder 中导航到您的 HTML 文档。

右键单击要编辑的 HTML 文档。

将鼠标悬停在Open with 上。

单击要用于编辑文档的程序。

2.<pre>在要预格式化的文本之前键入。这是预格式化文本的开始标记。

3.在“<pre>”标签后完全按照预期输入您的文本。 通过预先格式化您的文本,按“Enter”键创建的任何空格和换行符都将显示在 HTML 页面上。

4.</pre>在文本后键入。 这将关闭预先格式化的文本部分。

以上就是动力节点小编介绍的"HTML空格符的插入方法",希望对大家有帮助,想了解更多可查看HTML教程。动力节点在线学习教程,针对没有任何Java基础的读者学习,让你从入门到精通,主要介绍了一些Java基础的核心知识,让同学们更好更方便的学习和了解Java编程,感兴趣的同学可以关注一下。

提交申请后,顾问老师会电话与您沟通安排学习

免费课程推荐 >>
技术文档推荐 >>