您当前的位置: 首页 >  html

Allen Su

暂无认证

  • 3浏览

    0关注

    431博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

【HTML 教程系列第 25 篇】HTML 中的空格  

Allen Su 发布时间:2019-11-03 13:54:10 ,浏览量:3

这是【HTML 教程系列第 25 篇】,如果觉得有用的话,欢迎关注专栏。

在 HTML 中,空格需要用代码实现,空格的代码是  。全称是 Non-breaking space,就是不换行空格,表示不间断的空格。

举例说明 我们知道,语文的作文中每个段落的首行我们都会缩进两格,在 HTML 中,段落标签 p 默认是首行不缩进的,如果想达到首行缩进的功能,就需要用到空格代码  ,这里我把第一段的首行缩进两格,局部代码如下所示

	  今天是周日
    让我们一起愉快的玩耍吧

浏览器运行效果如下所示 在这里插入图片描述 你想空几格,在编辑器就写几个   。

特别注意 如果你只是想用一个空格的话,直接在编辑器里按一下"空格键"也可以达到同样的效果,局部代码如下所示

今 天 是 周 日

浏览器运行效果如下所示 在这里插入图片描述 这是一个空格的时候你可以用空格按键代替,但如果你想连续实现多个空格,即使你在编辑器里按下了多个空格,但浏览器显示的还会是一个空格的效果,编辑器的动态示意图如下 在这里插入图片描述 在浏览器运行的效果你会发现还是和上面的一样,这点需要特别说明下。

直接 按空格键 和 用代码实现空格 的区别 这里查询了资料并整理了一下,大家可以参考下

在 HTML 中空格的表示符号有两种

第一种:HTML 中的 &32; 符号。

就是我们按下空格键后产生的空格,浏览器会自动把多个空格压缩成为一个空格,代码如下所示

今    天是周日

这行代码在浏览器的显示结果是 在这里插入图片描述 第二种:HTML 中的   符号或  

浏览器不会压缩,有多少个空格就显示多少个空格,代码如下所示

今     天是周日

这行代码在浏览器的结果就是 在这里插入图片描述 你的问题得到解决了吗?欢迎在评论区留言。

赠人玫瑰,手有余香,如果觉得文章不错,希望可以给个一键三连,感谢。

结束语 技术是一点一点积累的,大神也不是一天就可以达到的。原地不动就是退步,所以每天进步一点点。 最后,附上一句格言:"好学若饥,谦卑若愚",望共勉。
关注
打赏
1656491068
查看更多评论
立即登录/注册

微信扫码登录

0.0502s