求html插入图片的代码

代码如下:

1、<img src="divcss5-logo-201305.gif" width="165" height="60" />

img介绍：

src 后跟的是图片路径地址

width 设置图片宽度

height 设置图片高度

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

3、效果图：

扩展资料:

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

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

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

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

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

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

2、图像元素img：

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

html的图片的各种路径代码

物理路径：假如你的图片在D盘的images文件下，文件名称为 tupian.jpeg的话用下面的格式。<img src="file:///D|/images/tupian.jpeg"/>

相对路径：如果是网站的话，则为下面的：<img src="images/tupian.jpeg"/>

html中使图片居中的代码是：<img src="" alt="" align="center" />

怎样让html中的img标签居中显示？

1、首先我们需要打开电脑，找到DW软件的快捷键，双击打开之后，新建一个html页面。

2、然后我们会进入到DW的HTML页面的编辑页面，我们需要将新建的html页面进行一个保存。

3、将网页保存好之后，我们需要重新回到DW的编辑页面。

4、然后我们需要在body部分新建一个div标签，并在其中插入一张img图片。并给div添加简单的css样式。

5、然后我们在浏览器中查看效果，可以发现图片是默认左对齐的，并没有在div的正中央显示。

6、此时为图片添加居中属性也是没有用的，我们需要将图片套在一个p或者span标签中，给标签添加一个text-align:center属性。

---