HTML图片无法显示求助：新手用记事本写代码遇问题

你代码里的两个错误： #

• 混入了Markdown语法的**符号：这是Markdown里的加粗标记，但HTML不识别该语法，浏览器会把它当成普通文本显示，必须删除。
• img的src属性用错了链接：你填的是维基百科的图片展示页面URL，不是图片文件的直接资源地址。浏览器需要加载的是图片本身的链接，而非网页链接。

修正后的代码 #

<body>
  <h1>My First Heading</h1>

  <p>My first paragraph.</p>
  <a href="https://www.youtube.com/watch?v=Vk4KK-gh0FM&amp;pp=ygUObm9raWEgcmluZ3RvbmU%3D"> Iphone </a>
  <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/IPhone_14_Pro_vector_%28blue%29.svg/1200px-IPhone_14_Pro_vector_%28blue%29.svg" width="500" height="600" alt="蓝色iPhone 14 Pro矢量图">
</body>

补充说明 #

• 获取正确图片链接的方法：打开维基百科的图片页面，右键点击图片，选择“复制图片链接”（不同浏览器选项名称略有差异），将该链接粘贴到src属性中即可。
• 建议添加alt属性：这是图片的替代文本，当图片加载失败时会显示，同时也能帮助屏幕阅读器识别图片内容，提升页面可访问性。

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