webstorm中html如何添加图片_IT百科

添加图片是通过img标签添加的，跟编辑器关系不大，示例如下:

图片的路径可以是绝对路径，也可以是相对路径，alt的图片描述是在图片加载失败的时候用来显示的，也可以不写。

如果是放在xx/src/img文件夹里

那么您的图片访问路径也得一致，图片的访问路径应该是：

否则肯定是无法访问的

代码如下：

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

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

webstorm中html如何添加图片