1、检查图片路径是否正确，优先使用相对路径如src="./images/photo.jpg"；2、确保图片格式为JPEG、PNG等浏览器支持类型；3、可引用网络图片URL或添加alt属性辅助排错与SEO。
如果您在运行HTML页面时发现图片无法正常显示，可能是由于图片路径设置错误或文件格式不被支持。以下是让HTML页面正确显示图片的几种方法：
一、使用相对路径引用本地图片
当图片与HTML文件存储在同一项目目录中时，推荐使用相对路径来引入图片。这种方式便于项目迁移且不易出错。
1、将图片文件放在与HTML文件相同的文件夹中，或创建一个专门的子文件夹如“images”存放图片。
2、在HTML代码中使用<img>标签，并通过src="./图片名称.jpg"的方式指定路径。例如：src="./images/photo.jpg" 表示图片位于当前目录下的images文件夹中。
立即学习“前端免费学习笔记（深入）”；
3、确保图片文件名和扩展名完全匹配，包括大小写，因为部分服务器对大小写敏感。
二、使用绝对路径引用本地图片
绝对路径指从磁盘根目录开始的完整路径，适用于测试阶段但不利于移植。
1、右键点击图片文件，选择“属性”查看其完整的本地路径，例如：C:\Users\Name\Pictures\photo.png。
2、在img标签中输入完整路径，格式为：src="C:/Users/Name/Pictures/photo.png"，注意将反斜杠替换为正斜杠或双反斜杠。
3、此方法仅建议用于本地调试，发布网页时不推荐使用，因其他设备无法访问该路径。
三、通过网络地址嵌入在线图片
引用已托管在互联网上的图片资源，无需本地存储，适合快速展示内容。
1、找到目标图片并复制其公开可访问的URL链接，通常以http://或https://开头。
2、在HTML中使用<img src="图片网址">，例如：src="https://example.com/images/demo.jpg"。
3、确保网络连接正常，并确认图片链接有效且允许外链访问，否则可能出现防盗链导致加载失败。
四、检查并设置正确的图片格式
浏览器支持的常见图片格式包括JPEG、PNG、GIF、WebP等，需确保使用的图片属于这些类型之一。
1、验证图片扩展名为.jpg、.jpeg、.png、.gif、.webp等标准格式。
2、若不确定图片是否损坏，可在图像查看软件中打开测试。
3、对于非标准格式（如BMP、TIFF），应先转换为浏览器兼容的格式再插入HTML中。
五、添加alt属性提升容错能力
alt属性用于在图片无法加载时显示替代文本，有助于排查问题并增强可访问性。
1、在img标签中加入alt="描述性文字"，例如：alt="公司logo"。
2、当图片路径错误或资源缺失时，页面会显示alt中的文字，帮助判断是否为路径问题。
3、同时有利于搜索引擎识别图片内容，提高SEO效果。
