将本地存储的.svg插入html

问题描述 投票:0回答:1

我正在尝试使用 html 在我的主屏幕上放置一个徽标。该徽标是本地存储的 .svg 文件。我是编码新手。

我输入此代码:

!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Solo Scriptura Homepage</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="Homepage.css">
    </head>
    <body>
      <header>
        <img src="logo v2.svg" alt="My Logo"/>
      </header>
      <main></main>
    </body>
</html>

结果,我的替代文本以及小图标出现,这意味着他们无法加载您的图像。

html image storage local
1个回答
0
投票

原因是图片路径不正确。您需要输入正确的路径才能识别图像(徽标)。

例如,您的图像(徽标)存储在名为 image 的文件夹中。您的代码应如下所示:

<img src="image/logo v2.svg" alt="My Logo"/>

如果您的图像(徽标)未保存在文件夹中。将其保存在文件夹中并调用图像路径,如我上面所示。

© www.soinside.com 2019 - 2024. All rights reserved.