HTML如何处理字符标记

 时间:2024-10-16 04:24:33

1、打开谷歌浏览器,访问一个在线html编辑的站点,在左侧编写代码,右侧显示结果,很方便。如图所示,我们左侧输入"<p>测试</p>",右侧显示"测试",符合我们的预期。

HTML如何处理字符标记

2、现在我们可以先看一下html里面“>”、“<”的原始码分别是:“&gt;”、“&lt;”。后面我们要用到。

HTML如何处理字符标记

3、在左侧直接输入“<>”,运行之后,可以看到右侧直接显示了“<>”,符合我们的预期。

HTML如何处理字符标记

4、在左侧直接输入“&lt;”、“&gt;”,运行之后,可以看到右侧直接显示了“<>”,也符合我们的预期。

HTML如何处理字符标记

5、在左侧输入“<p>”,其余不变,如图所示,可以看到右侧并没有输出对应的“<p>”结果,因为“<p>”和html里的块级元素<p>相冲突。

HTML如何处理字符标记

6、我们将左侧改成输入“&lt;p&gt;”,其余不变,如图所示,可以看到右侧输出对应的“<p>”结果,符合我们的预期,成功避免了冲突。如果觉得有用,记得点赞或投票支持!

HTML如何处理字符标记
  • PS抠图大全系列之:[5]纯色背景复杂物体抠图
  • 怎么给图片添加文字
  • 开药膳加盟店应该如何选址?
  • 脚后跟干裂怎么办?
  • 详解HTML超链接元素
  • 热门搜索
    安全教育手抄报资料 手抄报版式 感恩为主题的手抄报 森林防火手抄报图片 中华传统美德手抄报 防震减灾的手抄报 古诗手抄报图片大全 我爱运动手抄报 五年级数学手抄报内容 感恩节手抄报图片大全