求html插入图片的代码_IT百科

在html中插入图片使用img标签，它有src属性用于填写该图片的路径，alt属性作用是当图片显示失败时就显示alt中的文字。

设置图片的宽用width，高用height，上下左右的位置分别用margin-top，margin-bottom，margin-left，margin-right，代码如下：

<!DOCTYPEhtml>

<html>

<head>

<title>image</title>

<metacharset="utf-8">

<styletype="text/css">

.myImage{

width:400px

height:300px

margin-top:100px

margin-left:100px

}

</style>

</head>

<body>

<imgsrc="images/cat.jpg"class="myImage"alt="小猫">

</body>

</html>

扩展资料：

img标签的其它常用属性：align属性应用于图像和周围文本的对齐方式，border属性应用于图像边框值。

img标签向网页中嵌入一幅图像,从技术上讲，<img>标签并不会在网页中插入图像，而是从网页上链接图像，<img>标签创建的是被引用图像的占位空间。

参考资料：

百度百科-image标签

代码是“<img scr = '图片地址'>”。

1、新建html文件，在body标签中添加img标签，img标签在html中没有结束标签，所以不需要添加“</img>”代码。给img标签添加属性“src”，属性值填自己想要添加图片的地址，这里以同一目录下的1.png为例，这样图片就添加好了:

2、为了防止用户浏览网页时图片加载失败而不知道这边是什么内容，可以给img标签添加“alt”属性，属性值填想要显示的内容，这里以“鹦鹉”为例，此时，当图片加载失败时，“鹦鹉”两个字就会显示出来：

3、img插入的图片大小默认是图片自身的大小，我们可以用“width”属性和“height”属性控制图片大小，这里以宽度200和高度200为例，此时代码就是“width='200' height='200'”，这样图片大小就会变成200*200：

在网页中添加一个图片的HTML代码是：

A.<bgcolor=″

B.FFFFFF″>

C.<imgsrc=″图片路径及文件名″>

D.<aherf=″链接页面路径及文件名″><imgsrc=″图片路径及文件名″></a>

E.<title>图片</title>

正确答案：<imgsrc=″图片路径及文件名″>

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

求html插入图片的代码