写HTML代码插入图片显示不出来怎么办？_随笔

解决办法：检查是否存在以下三种错误设置问题。

1、检查代码是否输入正确

使用<img scr = " " width = " " height = " "/>来插入图片

说明：

<img>为HTML插入图片的标签

scr，表示想插入图片所在的位置

width，表示想插入图片的宽度

height，表示想插入图片的高度

2、检查图片调用路径是否设置正确

需要把.html文件和所要插入的图片放在一个文件夹，然后再scr后面的路径填写相对路径的图片名称（图片.jpg)才行。

3、检查图片本身是否有问题

网页图片最好保存后再使用；图片格式最好是RGB，如果是CMYK的建议用ps改成RGB。

在网页中插入图片html图片代码方法：

步骤：

一、html图片标签语法

img介绍：

src 后跟的是图片路径地址

width 设置图片宽度

height 设置图片高度

二、具体html 图片显示实例

在html源代码中分别插入三张图片，一张原始大、一张将宽度高度改小小、一张将宽度高度改大。

1、实例完整html代码：

<!DOCTYPE html>

<html>

<head>

<title>图片插入html 在线演示</title>

</head>

<body>

原始大图片

改小图片

改大图片

</body>

</html>

2、html插入图片实例截图

3、在线演示：

在html网页中显示图片，插入图片，通过使用img标签来实现，通过也可以将图片作为CSS网页背景图片显示插入到Html网页中（css 背景图片）。

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

写HTML代码插入图片显示不出来怎么办？