Codepen.io预览HTML页面时图片显示破损链接如何解决

你的代码存在两个直接导致图片无法显示的问题：

• src属性为空：src是img标签的核心属性，用来指定图片的资源访问地址，留空的话浏览器找不到要加载的照片文件，自然只会显示破损链接图标和预设的alt文本。
• 标签语法错误：你写的img标签重复拼接了" alt="Uzbekistan12">片段，属于无效的HTML结构，会干扰浏览器的正常解析。

修正方案 #

1. 补全src属性的有效值：如果是在Codepen中使用，你可以先把旅行照片上传到Codepen的素材库，复制平台生成的素材访问地址填入src的引号中；如果是和HTML文件同目录存放的本地照片，直接填写照片的文件名即可，比如src="uzbekistan-travel-12.jpg"。注意不要填写你本地电脑的磁盘绝对路径（类似C:/用户/照片/xxx.jpg），这类路径在网页环境下无法被正常访问。
2. 删掉重复的冗余代码片段，保证img标签结构符合规范。

修正后的正确代码示例：

<img src="替换成你的照片实际访问地址" alt="Uzbekistan12">

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