如何把图片插入到html编辑器中_IT百科

1 html中插入图片使用的是<img>标签。

2 下面是在html页面中插入图片的实例，代码可以直接复制下来到浏览器上运行。代码中src是图片的路劲，运行的时候需要修改成自己的图片路劲。

<!DOCTYPE html>

<html>

<head>

<title>img标签的使用</title>

</head>

<body>

<h2>Norwegian Mountain Trip</h2>

</body>

</html>

3 下面是代码在浏览器上的运行结果：

代码如下：

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

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

如何把图片插入到html编辑器中