如何在视觉代码中使用图像它不起作用?

2024-02-19

enter image description here Image is not showing in browser using the image tag where am i wrong? i want to add image in web and i am unable to do it using in visual code i don't know where from image to be added in the URL of image so anyone guide.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Sign up </title>
</head>
<body>
  <div class="Header">
      <a href="/" class="LogoWrapper" >
      <img src="D:\my-angular-projects\signup-form\src\image\Snap.jpg" alt="Scone O'Clock logo" />
      </a>
      <p class="Strap">Scones: the most resplendent of snacks </p>
   </div>

        <div class="IntroWrapper">
            <p class="IntroText">
              Occasionally maligned and misunderstood; the scone is a quintessentially British classic.
            </p>
         <div class="MoneyShot">
              <img class="MoneyShotImg" src="D:\my-angular-projects\signup-form\src\image\1555932407.jpg" alt="Incredible scones" />
              <p class="ImageCaption">Incredible scones, picture from Wikipedia</p>
         </div>
       </div>
     <p>Recipe and serving suggestions follow.</p>
   <div class="Ingredients">
      <h3 class="SubHeader">
      Ingredients</h3>
      <ul>
     </ul>
    </div>
   <div class="HowToMake">
    <h3 class="SubHeader">Method</h3>
    <ol class="MethodWrapper">
    </ol>
   </div>
</body>

   

 </html>

问题是您的文件根据 html 文件所在的位置检索图像,并且不会检查整个计算机硬盘驱动器。

因此,如果您想解决问题,您基本上可以从 html 文件位置开始。因此,如果您的 html 文件位于 src 文件夹中,您的 img 标签应为

<img src="image/1555932407.jpg">

否则,如果您的 html 文件位于注册表单文件夹中,我将使用此文件

<img src="src/image/1555932407.jpg">

希望您发现这很有用,否则只需评论这篇文章即可。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在视觉代码中使用图像它不起作用? 的相关文章

随机推荐