写HTML代码插入图片显示不出来怎么办？
解决办法：检查是否存在以下三种错误设置问题。
1、检查代码是否输入正确
使用<img scr = " " width = " " height = " "/>来插入图片
说明：
<img>为HTML插入图片的标签
scr，表示想插入图片所在的位置
width，表示想插入图片的宽度
height，表示想插入图片的高度
2、检查图片调用路径是否设置正确
需要把.html文件和所要插入的图片放在一个文件夹，然后再scr后面的路径填写相对路径的图片名称（图片.jpg)才行。
3、检查图片本身是否有问题
网页图片最好保存后再使用；图片格式最好是RGB，如果是CMYK的建议用ps改成RGB。
原因：操作错误造成的。
1、新建一个记事本，打开，粘贴基本的代码（代码下一步）。
2、<html>
<head>
<title>这里填写标题</title>
<meta name="keywords" content="这里填写关键词" />
<meta name="description" content="这里填写说明内容" />
<style type="text/css">
<!--CSS样式代码位置-->
</style>
</head>
<body>
这里填写HTML代码
</body>
</html>
3、保存，重命名改一下后缀 .html。
4、双击打开可以看到这是一个没有图片的网页。
5、返回文件右键选择记事本打开。
6、在 <body> </body>直接插入代码
<img src="地址" width="长" height="高" alt="描述" title="描述">
例如我这里用百度logo图片地址。
7、保存，再刷新刚刚打开的网页，现在成功的在网页中怎么写插入图片的代码。
你没有设置好，具体解决方法如下。
输入如下代码：
<img src="./test.jpg" width="50" height="50">
width表示宽度
height表示高度
入下图所示，我将图片的宽和高通通缩小，可以看到，图片的尺寸果然按照我的意愿进行了改变。
那如果想给图片加上边框呢？
输入以下代码：
<img src="./test.jpg" border="5">
border为边框的宽度，默认为黑色
此时HTML代码插入图片就显示出来了。
2.检查一下图片的类型是否相互对照（.jpg .png .gif）
3.输入路径是否正确
|
广告 您可能关注的内容 |
