html中怎么添加图片

1.软文推荐

2.软文推荐

3.软文推荐

目录： 1、怎么在用记事本写的html网页中添加图片啊？ 2、HTML怎样插入图片 3、怎样在HTML中插入gif格式的图片？ 4、怎么在html中加入图片 怎么在用记事本写的html网页中添加图片啊？

需要准备的材料分别有：电脑、浏览器、记事本。

1、首先，新建一个记事本文件，例如：index.html，编写html基础代码。

2、在index.html中的body标签中加入html代码：img src="/small.png" /。

3、浏览器运行index.html页面，此时相对路径的图片被成功添加显示了。HTML怎样插入图片

插入图片可以使用img标签来实现。

1、新建html文件，如图所示，在body标签中插入img标签，需要注意的是，img在html中没有结束标签，所以不需要添加“/img”。给标签添加“src”属性，属性值填写想要添加图片的路径，这里以和html同一目录下的1.png为例，这样图片就插入完成了：

2、为了防止用户浏览网页时无法加载图片，可以给img标签添加“alt”属性，这个属性可以在图片加载失败时显示出来以告诉用户这里是张什么图片，还可以在用户将鼠标放在图片上是显示提示信息，这里以属性值“鹦鹉”为例：

3、img标签中插入的图片宽和高默认是图片自身的宽和高，如果想要自定义宽和高的话，可以用“width”和“height”来控制，这里以宽和高都是200为例，为width”和“height”设置属性值为“200”：

怎样在HTML中插入gif格式的图片？

1、html中可以用img标签插入图片也可以用css的background插入。具体方法是首先新建一个html文件，里面新建两个div标签，第二个标签中插入img标签并插入图片：

2、然后在上方的style标签中设置第一个div的样式，先给div长度和高度，接着是用background属性引入图片，设置图片不重复以及图片的显示位置j即可：

3、最后打开浏览器就可以看到用两种方法引入的gif的图片了：

怎么在html中加入图片

在HTML中出现图片通常有2种：

①某元素的背景图像【绝大多数元素都可以通过background属性设置其背景图像】

1、直接在html中的标签里设置：

p style=”background-image:url(xxx.jpg)“设置一个段落的背景图像/p

2、在CSS上设置html中的 ”p一个段落/p“ 的背景图像：

p{ background-image:url(xxx.jpg); }

②图像元素img：

img src="xxx.jpg" alt="这是一个图像元素"