vscode在html中添加jpg图片_IT百科

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

```html

<div>

</div>

```

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

```html

<div>

</div>

```

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

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

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

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

2、将index.html中的<body>标签的代码替换为：

</body>

3、浏览器运行index.html页面，此时发现页面多了背景图片和背景音乐。

代码如下：

1、上级目录<img src="../images/石家庄.jpeg" alt="" />

2、根目录<img src="/images/石家庄.jpeg" alt="" />

3、同级目录<img src="images/石家庄.jpeg" alt="" />

4、平铺背景图片

5、背景图片不重复

6、背景图片居中不重复

注意：图片路径问题，用d:\image\石家庄.jpg只能在你自己的电脑上有效，上传到网站上，建议image文件夹和网页放在同一目录，则图片路径改为：“image/石家庄.jpg”。

扩展资料：

HTML中主体内容：

<body></body>；，网页中显示的实际内容均包含在这2个正文标记符之间。正文标记符又称为实体标记。表示网页的主体部分，也就是用户可以看到的内容，可以包含文本、图片、音频、视频等各种内容。

格式一般如下：

<html>

<head>

</head>

<body>

存入网页的主体部分内容如：

<table>；代表表格

<tr>；代表行

<p>；代表段落

<td>；代表单元格

参考资料来源：百度百科—HTML

参考资料来源：百度百科—body

欢迎分享，转载请注明来源：内存溢出

vscode在html中添加jpg图片