HTML图片插入失败求助：本地同文件夹图片仅显示占位图标

核心问题及解决步骤： #

• 图片标签位置错误：你把<img>标签放在了<head>里，这是网页的元数据配置区，不会渲染页面内容。必须将<img>标签移动到<body>标签内部，才能在页面上显示图片。
• 路径不匹配：你说图片和HTML文件在同一文件夹，但代码里用的是在线图片链接。如果加载本地图片，把src改成本地图片的完整文件名（比如src="你的图片名.png"），注意文件名要完全一致，包括大小写和后缀，别加空格或特殊字符。

额外建议修正的代码错误（不影响图片，但优化代码）： #

• <link>标签里的herf是拼写错误，应该写成href，否则CSS文件无法正确加载。
• <meta name="viewport">的content值少了字母，正确应为width=device-width，保证移动端页面适配正常。

修正后的完整代码： #

<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <title>Typing Text</title>
        <link href="typr.css" rel="stylesheet">
    </head>
    <body>
        <!-- 图片移到body内 -->
        <img src="你的本地图片文件名.png" alt="img" width="1000" height="500">
        <p id="dynamic" class="ig-text">
             Learn To HTML
        </p>
        <p class="sm text" > LAilac
        </p>
    </body>
</html>

内容的提问来源于stack exchange，提问作者한뽀림