关于HTML，基本上作为程序员我们都会用到，本篇内容我们主要是针对刚入门的学员们，介绍两种在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”元素可以定义预格式化的文本，会保留文本里的空格或换行符。因此，在

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

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

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

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

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

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

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

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

关于HTML其实我们所掌握的东西难度不多但是基本上都能用的到，这些小知识希望能帮你打好基础。

相关推荐：

php中加入 空格的代码,在HTML中插入空格的几种方法相关推荐

  1. html5中加视频的代码,向HTML中插入视频并兼容所有浏览器的方法

    向HTML中插入视频有两种方法,一种是古老的object标签,一种是html5中的video标签,前者兼容性相对好些,后者兼容性让人头疼 最常用的向HTML中插入视频的方法有两种,一种是古老的标签,一 ...

  2. 网页中插入背景音乐的几种方法

    在网页中插入背景音乐的几种方法 1.自定义空白面板背景音频和视频的添加源代码. <embed src=音乐链接地址 width=200 height=50 type=audio/mpeg loo ...

  3. 【在PowerPoint中插入视频的三种方法】

    为了能更好地帮助大家合理地在PowerPoint课件中插入和播放视频文件, 在PowerPoint中插入视频的三种方法 ,本文特向大家介绍PowerPoint中插入和处理视频的三种方法. 直接播放视频 ...

  4. 在PowerPoint中插入视频的两种方法

    转载者: 怎么做ppt课件背景              来源: www.2ppt.cn 为追求更完美效果,在Powerpoint中通过shockwave Flash Object控件插入SWF格式动 ...

  5. 微信开发中消息回复的代码_消息中的消息

    微信开发中消息回复的代码 Ste·ga·no·graph·y / stegəˈnägrəfi / (noun): the practice of concealing messages or info ...

  6. html中看到php代码_分享查看页面源代码的四种方法

    前端开发人员在浏览网页时,遇到自己喜欢的网页,总想看看代码是怎么写的,也有些人需要对网页源代码进行修改,那你知道怎么查看一个网页的源代码吗?这篇文章就和大家讲讲如何查看源代码,以及不同浏览器的查看源代 ...

  7. 图像中值滤波python代码_图像中值滤波FPGA实现

    C语言实用数字图像处理.pdf6.34 MB05-11-13|19:30 FPGA实验报告-李炎东.doc633.66 kB16-01-14|10:28 中值滤波在红外成像引信中的应用及硬件实现.ca ...

  8. 在WordPress文章中插入表格的四种方法，史上最全

    https://boke112.com/4553.html/all td, tr {border: 1px solid #000000;text-align: center;padding: 10px ...

  9. nag在逆向中是什么意思_OD 实验(四) - 去除 NAG 窗口的几种方法

    程序: 运行 弹出一个窗口,说要注册 点击确定,到主窗口 关闭主窗口 然后弹出提醒注册的对话框 逆向程序 用 OD 打开程序 GetModuleHandleA 获取程序模块的句柄,程序在内存中的基址 ...

最新文章

  1. The target you are trying to run requires an OpenSSL implementation.
  2. Java程序员从笨鸟到菜鸟之（十三）java网络通信编程
  3. (简单)华为荣耀4A SCL-TL00的usb调试模式在哪里打开的方法
  4. 详解HTTP与HTTPS
  5. Qt学习之路(24): QPainter
  6. 绝地服务器维护7月5日,绝地求生正式服7月5日停机更新维护内容公告
  7. DDD：四色原型、DDD、DCI之间的关系
  8. 前端清单之Vue.js篇
  9. thinkphp5.0.6 连接SQLServer2008r2 配置总结
  10. C/C++回调方式系列之二class接口回调和lambda程式
  11. C++的multi_map如何输出所有key值相等的元素
  12. 探索性测试的分类与测试用例
  13. python求15 17 23 65 97的因数_Python练习题
  14. python爬虫获取城市天气信息
  15. cs架构(cs架构和bs架构的区别)
  16. 【Linux vim 入门及渐进过程2 - vim 常用插件配置】
  17. IDEA配置连接数据库时报错Server returns invalid timezone. Go to ‘Advanced‘ tab and set ‘serverTimezone‘ propert
  18. win10下的msys2开发环境搭建
  19. R语言学习二——工具的使用
  20. Deepin linux安装五笔输入法

热门文章

  1. SQL Server CE服务器端和客户端安装配置学习笔记
  2. 服务器水厂物资管理系统,基于B/S的水厂管理信息系统的设计与实现
  3. 优云automation轻松“一点”，搞定裸机安装系统
  4. html--innerHTML用法及和与innerText区别
  5. 马踏棋盘算法（骑士周游列国）
  6. Qt 之QWebEngineVie框架简介及加载网页方法
  7. 应届生拿到offer之后的流程_后Offer时期的信息总结—拿到Provisional Offer后的各种流程（NUS PhD ）...
  8. sqlserver使用sp_executesql执行动态语句，并在存储过程中获取执行后的结果
  9. HTTP Basic Access denied
  10. 剑指Offer——编程题的Java实现（更新完毕……）