HTML-字符实体

HTML个人笔记分享(六)

目标:通过字符实体在网页中显示特殊符号

1、HTML中的空格合并现象

比如:想要实现学习后面间隔多个空格,直接输入一下代码

 <body>
    这是有关字符实体的学习文档,现在开始学习            相关知识!
 </body>

会出现下图结果,空格合并了。因为网页不认识多个空格,只认识一个!
在这里插入图片描述

2、常见字符实体

  • 在网页中展示特殊符合效果,需要使用字符实体替代

  • 结果:&英文

  • 常见字符实体

    描述 实体名称
    空格 &nbsp ;
    大于 >
    小于 &It;
    和号 &
    引号 "
    撇号 '(IE浏览器不支持)
    分号 ¢
    £
    ¥
    欧阳
    小节 §
    版权 ©

在这里插入图片描述
针对上述情况,在字体直接加上 就是实现空格的效果。

 <body>
    这是有关字符实体的学习文档,现在开始学习&nbsp;&nbsp;&nbsp;&nbsp;识!
 </body>

在这里插入图片描述
整体代码:

扫描二维码关注公众号,回复: 17139658 查看本文章
 <body>
    <p>空格:&nbsp;</p>
    <p>大于: &gt;</p>
    <p>小于: &it;</p>
    <p>和号: &amp;</p>
    <p>引号: &quot;</p>
    <p>撇号: &apos;(IE浏览器不支持)</p>
    <p>分号:&cent;</p>
    <p>镑: &pound;</p>
    <p>元: &yen;</p>
    <p>欧阳: &euro;</p>
    <p>小节:&sect;</p>
    <p>版权:&copy;</p>
 </body>```

猜你喜欢

转载自blog.csdn.net/m0_46688827/article/details/128327712