HTML里要想插入一张图片,怎么找图片的相对路径?

HTML里要想插入一张图片,怎么找图片的相对路径?,第1张

现有一个文件夹web\x0d\x0a该文件夹下有一个文件夹image和你的HTML网页文件index.html\x0d\x0a那么相对路径就是\x0d\x0a就是相对于你的HTML所在的文件夹为初始路径!

1. 在html文件中找到要添加图片的位置,比如:

```html

<div>

<img src="" alt="My Image">

</div>

```

2. 在`src`属性中添加图片的路径,比如:

```html

<div>

<img src="images/my-image.jpg" alt="My Image">

</div>

```

3. 确保图片路径正确,如果图片不在html文件所在的目录下,需要指定完整的路径或使用相对路径。

4. 保存文件,刷新浏览器即可看到添加的图片。

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<body>标签中,输入html代码:<img src="small3.png" />。

3、浏览器运行index.html页面,此时添加的本地图片的路径是相对路径。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6302372.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-20
下一篇 2023-03-20

发表评论

登录后才能评论

评论列表(0条)

保存