0

0

如何在HTML中插入空格的详细介绍

黄舟

黄舟

发布时间:2017-05-26 15:00:16

|

4247人浏览过

|

来源于php中文网

原创

通常情况下,我们用空格键来打出多个空格,而在编写代码时,通过空格键、tab键以及回车键打出的空格,都会被html(超文本标记语言)自动忽略。html将这样的键视为空白字符,并显示为单个空白间隔。尽管css提供了多种样式的空格和缩进,但是在html中也有一些工具可以让你自己定义空格。

方法1、插入单个空格和制表符

1、插入一个非间断空格。一般来说,无论你按多少次空格键,HTML也只会在单词之间显示一个空白间隔。当你需要插入多个空格时,请输入 或 代码。 它们名为“空格占位符”,你输入几个,就能在页面中显示几个空格。

之所以称之为非间断空格,是因为这样不会产生换行符。如果你滥用这种空格,浏览器可能无法以整齐易读的方式插入换行符。

2、插入不同宽度的空格。有多种字符实体可以让浏览器显示空格。不同的浏览器在显示方式上可能会有一点不同,但是和 不同,它们不会影响换行:

立即学习前端免费学习笔记(深入)”;

  — “en空格”是根据字体排印学的计量单位命名,宽度是两个普通空格的宽度

  — “em空格”大概是四个普通空格的宽度

3、使用非间断空格模拟制表符。生成段落的一种方式就是在第一行前插入几个空格:    。这个方法只适用于HTML,如果你使用CSS的话,不推荐这一方法(在其它步骤中会介绍别的方法)。

如果段落的内容是富文本,请使用“pre”标签。

4、使用CSS生成段落。CSS的内边距或外边距给浏览器指明了具体的显示格式,所以显示效果的一致性较高。即使你不是很了解CSS,手边也没有说明表,也可以很容易地添加。下面将具体说明如何将整个段落移到右边:

在HTML文档的

部分,插入以下命令:

“p.indent”定义了一个叫“indent”(可以随意命名)的段落(标签为p)。剩下的命令则是给段落左侧添加内边距空格。

返回HTML文档的主体。每当你想添加段落时,在标签中插入以下内容:

要调整缩进的数量,只需要更改CSS命令中的数字“1.8”即可。后面的“em”要保留,它是表示宽度的单位。

方法2、给长段落排版

1、使用预格式化的文本。“pre”元素可以定义预格式化的文本,会保留文本里的空格或换行符。因此,在

标签里输入的空格或回车键,会以空格或换行符的形式显示出来。你可以用它来显示代码示例、诗歌或其它需要空格和换行的文本内容。

预格式化文本的一大缺陷在于它的宽度。它无法像普通超文本标记语言那样,去调整页面宽度,适应用户的窗口大小。

《PHP设计模式指南》中文版
《PHP设计模式指南》中文版

《PHP设计模式》首先介绍了设计模式,讲述了设计模式的使用及重要性,并且详细说明了应用设计模式的场合。接下来,本书通过代码示例介绍了许多设计模式。最后,本书通过全面深入的案例分析说明了如何使用设计模式来计划新的应用程序,如何采用PHP语言编写这些模式,以及如何使用书中介绍的设计模式修正和重构已有的代码块。作者采用专业的、便于使用的格式来介绍相关的概念,自学成才的编程人员与经过更多正规培训的编程人员

下载

 

2、创建换行符。
标签位于当前文本行的最后,可插入一个简单的换行符。你可以输入多个“br”标签来创建多行空白行。这是HTML新手学生写代码的一个好方法,但是当你学习CSS时,会发现这种强制性的HTML样式代码是不被提倡的。、

 

3、用“p”标签定义段落。p 元素会自动在其前后创建一些空白,因此,文本后的

标签可以结束段落。大多数浏览器都通过一个空白行来隔离段落,但这不能保证精确的排版格式。

 

小提示

如果你在最后审查文本和代码时,看到一些额外的符号“浮”在代码上,你需要仔细查看是不是有不完整的代码,比如将“
”写成了“

CSS(层叠样式表) 能够对网页中元素位置的排版(包括文本中的间隔)进行像素级精确控制,可以更好、更精确地编辑网页对象和模型样式。

不要在起始标签后或结束标签前输入空格。例如,输入“Spaces Tutorial”时,不要写成“Spaces Tutorial ”。

非间隔字符( ) 是字符实体的一个范例。你无法从键盘上打出此类网页字符,但能用对应的代码来插入字符。

 

警告

超文本标记语言(HTML)并不能如你所想,正常地显示Tab ( )换行符。标准的超文本网页并没有换行符停顿,因此,“tab”字符没有任何实意。

最好在代码编辑器或纯文本文件中编写HTML语言,不要使用“Word”文字处理程序。在文字编辑处理软件中编写代码时,空格可能会变成网页中奇怪的符号,导致显示错误。这通常是因为word程序会在文本内容上附加额外数据,而这些信息无法被网页浏览器识别,进而导致显示错误。

相关文章

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
Golang 网络安全与加密实战
Golang 网络安全与加密实战

本专题系统讲解 Golang 在网络安全与加密技术中的应用,包括对称加密与非对称加密(AES、RSA)、哈希与数字签名、JWT身份认证、SSL/TLS 安全通信、常见网络攻击防范(如SQL注入、XSS、CSRF)及其防护措施。通过实战案例,帮助学习者掌握 如何使用 Go 语言保障网络通信的安全性,保护用户数据与隐私。

2

2026.01.29

俄罗斯Yandex引擎入口
俄罗斯Yandex引擎入口

2026年俄罗斯Yandex搜索引擎最新入口汇总,涵盖免登录、多语言支持、无广告视频播放及本地化服务等核心功能。阅读专题下面的文章了解更多详细内容。

446

2026.01.28

包子漫画在线官方入口大全
包子漫画在线官方入口大全

本合集汇总了包子漫画2026最新官方在线观看入口,涵盖备用域名、正版无广告链接及多端适配地址,助你畅享12700+高清漫画资源。阅读专题下面的文章了解更多详细内容。

145

2026.01.28

ao3中文版官网地址大全
ao3中文版官网地址大全

AO3最新中文版官网入口合集,汇总2026年主站及国内优化镜像链接,支持简体中文界面、无广告阅读与多设备同步。阅读专题下面的文章了解更多详细内容。

258

2026.01.28

php怎么写接口教程
php怎么写接口教程

本合集涵盖PHP接口开发基础、RESTful API设计、数据交互与安全处理等实用教程,助你快速掌握PHP接口编写技巧。阅读专题下面的文章了解更多详细内容。

9

2026.01.28

php中文乱码如何解决
php中文乱码如何解决

本文整理了php中文乱码如何解决及解决方法,阅读节专题下面的文章了解更多详细内容。

13

2026.01.28

Java 消息队列与异步架构实战
Java 消息队列与异步架构实战

本专题系统讲解 Java 在消息队列与异步系统架构中的核心应用,涵盖消息队列基本原理、Kafka 与 RabbitMQ 的使用场景对比、生产者与消费者模型、消息可靠性与顺序性保障、重复消费与幂等处理,以及在高并发系统中的异步解耦设计。通过实战案例,帮助学习者掌握 使用 Java 构建高吞吐、高可靠异步消息系统的完整思路。

10

2026.01.28

Python 自然语言处理(NLP)基础与实战
Python 自然语言处理(NLP)基础与实战

本专题系统讲解 Python 在自然语言处理(NLP)领域的基础方法与实战应用,涵盖文本预处理(分词、去停用词)、词性标注、命名实体识别、关键词提取、情感分析,以及常用 NLP 库(NLTK、spaCy)的核心用法。通过真实文本案例,帮助学习者掌握 使用 Python 进行文本分析与语言数据处理的完整流程,适用于内容分析、舆情监测与智能文本应用场景。

25

2026.01.27

拼多多赚钱的5种方法 拼多多赚钱的5种方法
拼多多赚钱的5种方法 拼多多赚钱的5种方法

在拼多多上赚钱主要可以通过无货源模式一件代发、精细化运营特色店铺、参与官方高流量活动、利用拼团机制社交裂变,以及成为多多进宝推广员这5种方法实现。核心策略在于通过低成本、高效率的供应链管理与营销,利用平台社交电商红利实现盈利。

124

2026.01.26

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.1万人学习

AngularJS教程
AngularJS教程

共24课时 | 3.1万人学习

CSS教程
CSS教程

共754课时 | 24.8万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号