如何在网页中用html代码插入多个空格?

关于在网页中插入多个空格是html中很基础的一个知识点,相信学过html的都会,那今天为什么要介绍这个呢?因为很多人(包括我)要用的时候都把html空格符号代码忘了。因为做开发有时候长时间不涉及写html代码,等再回头用的时候,可能就把空格符的几个单词忘了。在这还是写详细一点吧!毕竟还有一些初学者不会,方面他们参考学习。接下来就是如何在网页中用html代码插入多个空格的?
插入多个空格
一、html空格符号代码
:一个字符的半角的不断行的空格,如果需要在网页中插入多个空格,可以将“”代码写多遍;
 :一个字符的半角的空格,也可以将“ ”写多遍来插入多个空格;
 :两个字符的全角的空格,也可以将“ ”写多遍来插入更多的空格;
 :小于一个字符的空格;
说明:单词后面的分号记得带上,是不能省略的,它也是html代码中的一部分。
html空格字符代码
二、为什么要使用html空格符号代码
我们为什么要使用html空格符号代码呢?为什么不直接在键盘上敲几个空格呢?当你实际操作的时候,你会发现:默认情况下,无论你在html源代码中敲几个空格,在浏览器中运行都只显示一个空格。所以我们就需要使用html空格符号代码来实现网页中多个空格的效果。
上面为什么会说在默认情况下呢?其实我们还可以使用css中的“white-space”属性来实现多个空格的效果。就是将“white-space”属性值设置为“pre”,设置之后,浏览器就会保留html源代码中的空格和换行。这下你在源代码中敲几个空格,浏览器中运行就会用几个空格。
说明:一般在网页开发中,都是使用html空格符号代码来实现多个空格的效果。
三、相关扩展(常用字符实体)
&:和号(&);
&lt::小于号(<);
&gt;:大于号(>);
&quot;:引号(");
&qpos;:撇号(‘);
&copy;:版权符号();
&reg;:注册商标符号();
&times;:乘号(x);
&divide;:除号(÷);

原文地址:https://www.cnblogs.com/jiuq521/p/12695079.html

时间: 2024-08-09 09:37:21

如何在网页中用html代码插入多个空格?的相关文章

prism.js——让网页中的代码更好看

粗放的代码展示 有时候,网页中会插入代码.直接把代码放入<pre></pre>标签和<code></code>标签里,也算是可以在页面中显示出来. 比如下面这样的: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>直接写代码</title> </hea

JS带关闭按钮的网页漂浮广告代码

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>带关闭按钮的网页漂浮广告代码</title> </head> <body> <div id="img" style="position: absolute; left: 

防止点击退格键使网页后退实例代码

防止点击退格键使网页后退实例代码:有些经常使用编辑器的朋友可能会遇到这样的现象,当使用退格键BackSpace删除文本的时候,并没有实现这个效果,而是使网页发生后退现象,这是一件非常恼人的事情,因为有时候已经编辑好的内容就此消失,下面就简单介绍一下如何阻止这样的情况发生.代码如下: $(document).keydown(function(e){ var doPrevent; if(e.keyCode==8){ var d=e.srcElement||e.target; if(d.tagName

通过网页的JS代码启动移动APP

<span style="font-size:18px;"><script> function startAPP(){ window.location = "scheme name://**.**/**"; } function downloadAPP(){ window.location = "http://IP/**/**.apk"; } </script> <style type="tex

存储过程中用游标联动插入(商品分类)

例子:往商品表插入的同时,也将对应的多个分类加入到商品分类表中 create PROCEDURE TProduct_ADD@ProID bigint output, --自动编号@ISBN nvarchar(50),@pCode nvarchar(100),@pName nvarchar(200),@Unit nvarchar(50),@price decimal(18,2),@PurchasePrice decimal(18,2),@Discount decimal(4,2),@MembePr

xcode中用oc代码基本控制view控件

控件代码部分: 编译运行后的结果为: 复杂一点的: 结果为: xcode中用oc代码基本控制view控件,布布扣,bubuko.com

Aspose.Words使用代码插入表格

Aspose.Words是一款功能强大的word文档处理控件,在不需要安装word的条件下,可进行word的创建,修改,转换等操作. Aspose.Words可以简单使用该产品提供的DocumentBuilder类库进行Word表格的插入. DocumentBuilder.StartTable 开始构建一个新的表格DocumentBuilder.InsertCell 插入新的行和单元格到表格DocumentBuilder.Writeln 为当前单元格写入文本DocumentBuilder.End

禁止网页复制的代码

HTML代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="

CSS实现的兼容所有浏览器的div悬浮在网页一侧的代码

CSS实现的兼容所有浏览器的div悬浮在网页一侧的代码:固定悬浮在网页一侧的效果应用非常的频繁,尤其是客服系统或者公告系统,CSS提供了position:fixed属性即可实现此功能,但是IE6浏览器并不支持,虽然IE6的用户越来越少,但是毕竟还是有用户在使用,所以最好还是要实现兼容效果,下面就是一段能够兼容所有浏览器的代码实例,希望能够给需要的朋友带来帮助.代码如下: <!DOCTYPE html> <html> <head> <meta charset=&qu