如何修复红色h2起始标签？h2格式异常及图片无法显示求助

1. h2标签多数显示红色问题 #

• 打开浏览器开发者工具（F12），选中异常的h2元素，查看样式面板，确认是哪条CSS规则给h2设置了红色。重点检查：
  • 是否存在全局h2样式，比如h2 { color: red; }
  • 是否有优先级更高的选择器（如类、ID、伪类）影响了部分h2，比如.red-text h2或h2:not(.special)
  • 检查父元素是否设置了继承性的颜色样式，导致h2继承了红色

2. "fish"和"bird"未应用h2格式问题 #

• 检查HTML结构：确认这两个文本的h2标签是否正确闭合，比如有没有写成<h2>fish</h3>这种标签不匹配的情况
• 查看前面的HTML代码，是否存在未闭合的标签（如<div>、<p>），导致浏览器解析错误，将这两个h2嵌套到了其他元素中
• 确认标签拼写无误，没有把<h2>写成<h>或其他错误标签

3. 鸟的图片无法显示问题 #

• 检查img标签的src属性：确认路径是否正确，比如图片和HTML文件是否在同一目录，相对路径是否写错（如./img/bird.jpg还是img/bird.jpg）
• 核对文件名大小写：部分系统（如Linux）区分大小写，确保文件名和代码中的一致（比如Bird.jpg不能写成bird.jpg）
• 用开发者工具的网络面板查看图片请求状态：如果是404，说明路径错误；如果是200但无法显示，可能是图片文件损坏
• 确认img标签的src属性没有语法错误，比如漏写引号、多打空格

内容的提问来源于stack exchange，提问作者Crystal