网页编辑器的文本编辑器出现红叉是怎么回事？

网页编辑器的文本编辑器出现红叉，如下图：

img

运营之光

图片 图片 图片 图片 图片
Copyright©2022 运营之光 yyzg.top All Rights Reserved
http://www.beian.gov.cn/portal/recordQuery?token=0d757920-d7a1-4071-a3c7-3e5f09a8b250/ 桂ICP备2022002618号
运行倒是没什么问题，pc端和网页端都是我想要的效果，就是在文本编辑器中有那么几行一直能看到红叉。
在网上找了几个代码检测网站，检测了全页代码，有几个语法错误的，我给删了，还是有。
这到底是怎么回事，我应该怎么做才能解决，谢谢大家了。

html结构好多问题，单词也拼写错误

img


改下面这样

<!DOCTYPE html>
<html>
<head><meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0" />
    <meta charset="utf-8" />
    <title>运营之光</title>
    <style>
        img {
            display: block;
            margin: 0 auto;
        }

        .box img {
            width: 100%;
        }

        img {
            max-width: 100%;
        }
    </style>
</head>
<body>
    <div align="center">
        <img src="1.webp" alt="图片">
        <img src="2.webp" alt="图片">
        <img src="3.webp" alt="图片">
        <img src="4.webp" alt="图片">
        <img src="5.webp" alt="图片">
    </div>
    <iframe frameborder="0" scrolling="no" style="width: 100%;height:15px;"></iframe>
    <center>
        <div style="font-family:微软雅黑">
            <footer class="col-lg-12 copyright-footer " style="color:#808080">Copyright©2022 运营之光 yyzg.top All Rights Reserved</footer>
            <a style="color:#808080" href="http://www.beian.gov.cn/portal/recordQuery?token=0d757920-d7a1-4071-a3c7-3e5f09a8b250/" target="_blank">桂公安备暂时链接号</a>
            <a style="color:#808080" href="https://beian.miit.gov.cn/#/Integrated/recordQuery/" target="_blank">桂ICP备2022002618号</a>
        </div>
    </center>
</body>
</html>

img


<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
   <style>
      img {
         display: block;
         margin: 0 auto;
      }


      .box img {
         width: 100%;
      }

      img {
         max-width: 100%;
      }
   </style>
</head>

<body>
   <meta name="viewport"
      content="width=device-widht,initial-scale=1.0,suer-scalable=1.0,maximum-scale=1.0,minimum-scale=1.0">
   <div align="center">
      <img src="1.webp" alt="图片">
      <img src="2.webp" alt="图片">
      <img src="3.webp" alt="图片">
      <img src="4.webp" alt="图片">
      <img src="5.webp" alt="图片">
   </div>

   <iframe frameborder="0" scrolling="no" style="width: 100%;height:15px;"></iframe>

   <center>
      <font face="微软雅黑" size=1>
         <footer class="col-lg-12 copyright-footer " style="color:#808080">Copyright©2022 运营之光 yyzg.top All Rights
            Reserved</footer>

         <a style="color:#808080"
            href="http://www.beian.gov.cn/portal/recordQuery?token=0d757920-d7a1-4071-a3c7-3e5f09a8b250/"
            target="_blank">桂公安备暂时链接号</a>
         <a style="color:#808080" href="https://beian.miit.gov.cn/#/Integrated/recordQuery/"
            target="_blank">桂ICP备2022002618号</a>
      </font>
   </center>




</body>

</html>

font 也没闭合 。 建议 别用 font ,center 了 已经废弃了 。用 div text-align:center就行了

有想像我一样网站只是放点简单的图片+备案号+公安备号+版权信息的朋友，可参考上面两位朋友的HTML代码，简单修改一下即可使用。再一次感谢@崽崽的谷雨 @CSDN专家-showbo 两位朋友不厌其烦的给我耐心解答，也感谢其他解答的朋友们@小5聊@_yangyi 。

img

img

代码文本我不知道怎么上传，只能截图了
pc端想要的效果是这样的，也是现在呈现的方式

img

手机端想要的效果是这样的，也是现在呈现的方式

img

1、原因
标签开始和闭合不对，必须是，一对一，否则报错

img

你的标签重复了而且还不闭合，一般来说一个html里面就是一组body

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡 【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632