HTML教程 HTML教程HTML是什么HTML 代码编辑器HTML 基础标签HTML 元素HTML 属性HTML 标题HTML 段落HTML 文本格式化HTML CSSHTML 头部HTML链接HTML 图像HTML 区块和行内元素HTML 表格HTML 列表HTML 引用和定义元素HTML 计算机代码元素HTML 布局HTML 框架HTML 脚本/JavaScriptHTML 文件路径HTML 颜色HTML 字符(编码)和实体HTML URL(网址)HTML XHTMLHTML - Web服务器HTML空格符(空格的代码)HTML表单 HTML 表单HTML 表单属性HTML 表单元素HTML 表单input类型HTML 表单input属性HTML多媒体 HTML多媒体HTML5 教程 HTML5 教程 从入门到精通HTML5 拖放/拖拽HTML5 语义元素 HTML5 新的 Input 输入类型HTML5 新表单元素HTML5 新的表单属性HTML5 canvas画布HTML5 SVG矢量图形HTML5 Audio(音频)HTML5 Video(视频)HTML5 Web WorkersHTML5 存储HTML5 WebSocketHTML5 IndexedDBHTML5 IndexedDB增删改查

HTML空格符(空格的代码)

html空格字符由&+n+b+s+p+;组成。默认为“ ”空格代码。

案例

html空格符案例

<!DOCTYPE html>
<html>
<head>
<title>html空格符-html教程www.xuandaima.com</title>
</head>
<body>
        <p>html&thinsp;教程1</p>
        <p>html&nbsp;教程2</p>
        <p>html&ensp;教程3</p>
        <p>html&emsp;教程4</p>
        <p>html&#x0020;教程5</p>
        <p>html&#x0009;教程6</p>
        <p>html&#x000A;教程7</p>
        <p>html&#12288;教程8</p>
</body>
</html>

运行代码

注意注意:在写空格代码&nbsp;时一定要注意“;”一定不能忘了写,要不然就没有效果了

1、“&nbsp;”不断行空格

如果使用dreamweaver软件制作网页设计模式下按多少次空格键spacebar,都会转化为一个“&nbsp;”,如果想要多个空格效果使用“&nbsp;&nbsp;”

2、“&ensp;”半角的空格

半角空格,全称是En Space,en是字体排印学的计量单位,为&emsp;宽度的一半。根据定义,它等同于字体度的一半,例如10px字体中就是5px,特性:就是其占据的宽度正好是1/2个中文宽度,基本上不受字体影响。

3、“&emsp;”全角的空格

“全角空格”,全称是Em Space,em是字体排印学的计量单位,相当于当前指定的点数。例如,1 em在16px的字体中就是16px。此空格也传承空格家族一贯的特性:透明的,此空格也有个相当稳健的特性,就是其 占据的宽度正好是1个中文宽度,而且基本上不受字体影响。

4、“&thinsp;”窄空格

窄空格,全称是Thin Space。占据的宽度比较小。它是&emsp;六分之一的宽度。

5、普通空格

浏览器还会把以下字符当作空白进行解析:空格(&#x0020;)、制表位(&#x0009;)、换行(&#x000A;)和(&#12288;)等等。