html 我不能弄清楚如何添加图像到我的网站从我的文件

xhv8bpkk  于 12个月前  发布在  其他
关注(0)|答案(3)|浏览(109)

我不知道为什么,但我挣扎这么多添加图像到我的网站。
如果我在桌面上有一个名为“图像”的文件夹,其中有一张名为“眼睛”的图片,
要添加该图像,我必须执行以下代码,对吗?

<img src="Desktop/images/eye.jpg"> ?

我试

<img src="Desktop/images/eye.jpg">
<img src="images/eye.jpg">

并试图把在不同的文件夹和位置,但idk为什么它不工作

mv1qrgav

mv1qrgav1#

将图像文件夹放在与HTML项目相同的工作目录中;如果您图像文件夹和HTML目录是分开的,它就不会工作:
<img src="images/eye.jpg" alt="images">

cclgggtu

cclgggtu2#

<img src="images/eye.jpg" alt="Eye Image">

而你的html文件是在根文件夹

yx2lnoni

yx2lnoni3#

要在网站上放置图片,您需要告诉网站这些图片的位置。如果您的图片位于计算机桌面上的文件夹中,以下是一种简单的方法:
1.文件夹设置:
确保您的网站的文件是有组织的。你应该有一个专门的文件夹来存放你网站的东西,比如你的网页和图片。举例来说:markdown

- YourWebsiteFolder/
  - index.html
  - images/
    - eye.jpg

1.将图片放入HTML:
在你的网页(通常命名为“index.html”或类似的东西)中,你可以使用一个特殊的代码,称为标签来显示图片。但是,你需要告诉它在哪里可以找到图片。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Your Website</title>
</head>
<body>
    <h1>Welcome to My Website</h1>
    <img src="images/eye.jpg" alt="Eye Image">
</body>
</html>

在标签中,您可以放置图片的路径。这就像告诉你的网页,“嘿,在'images'文件夹中查找'eye.jpg'。”检查图片名称和类型:
请确保桌面上的图片命名为“eye.jpg”,并且具有正确的文件类型,如“.jpg”(所有文件都是“. jpg”,而不是“.JPG”)。如果你正确地执行这些步骤,当你在Web浏览器中打开网页时,你的图片应该会显示在你的网站上。如果没有,只需仔细检查您的文件夹和图片名称是否与您在网页中所写的相匹配。

相关问题