该<img>元素不显示图像 html



我在所有的html项目中都尝试过,项目中的所有图像都不见了。我确信图片路径是正确的。ı检查了太多次。这是我的代码。我没有添加css,因为没有什么重要的;

<html lang="en">
<head>
<link rel="stylesheet" href="mad.css">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="C:UsersSametDesktopResimmogus.png">
<title>wutr</title>
<link rel="stylesheet" href="https://fonts.google.com/specimen/K2D">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cinzel&display=swap" rel="stylesheet">
</head>
<body>
<h1>There is 7 rules in this world</h1>
<ol>
<div class="prf"><li><p>There is only one thing in this world</p> </div></li>
</ol>
<img src="C:UsersSametDesktopResimmogus.png" alt="imgd" height="1000px"width="100px">
<p class="pain">Pain</p>
</body>
</html>

您应该避免使用像这样的图像路径,但是要实现这一点,您可以执行以下

<img src="file://C:UsersSametDesktopResimmogus.png" alt="imgd" height="1000px"width="100px">

请记住,这只适用于Windows本地计算机。要在macOS或Linux操作系统上从根目录中选择文件路径,只需使用以下

<img src="/Users/Samet/Desktop/Resim/mogus.png" alt="imgd" height="1000px"width="100px">

在进一步阅读您的问题后,另一个可能的解决方案是从index.html位置选择图像路径。因此,如果您的图像与HTML文件位于同一目录中,则只需使用src="mogus.png"

我希望这能回答你的问题。如果它不让我知道,我会进一步调查。

这里没有任何错误。请检查你的图像格式,它真的是png格式,也检查你的图片没有损坏。如果问题没有解决,请将您的图片附在此处。

相关内容

  • 没有找到相关文章

最新更新