在html中如何把图片放到所指定的位置？

1、构思：一张大图片、一张小图片要形成什么意境，要事先构思好。

2、获取图片地址：如果自己上传，完成后点显示源代码，复制图片地址备用。如果是网上现有图片，右击点“属性”，复制图片地址备用。注意记住图片的宽和高。

3、进入编辑：进入自己的网站或博客后台，并使编辑器处于代码编辑状态。贴入代码：

<TABLE width=650 background=大图地址 height=488>

<TBODY>

<TR>

<TD>

<P><IMG style="MARGIN: 0px 0px 300px 300px" src="小图地址">

</P></TR></TBODY></TABLE>

4、修改代码：将第二步中获取的图片地址分别添加到本文第三步相应位置，并修改宽（width）和高（height）。

5、调整小图片位置：这是制作的关键代码：MARGIN: 0px 0px 300px 300px调整上边的值，就可实现定位。

6、修饰：还可对整体进行修饰。例如加边框，会有立体感。加入代码“border=10”即可（10可以调整）。

1、第一种css代码如图所示。display设置成table-cell，text-align为center，垂直居中设置vertical-align为middle。

2、打开浏览器查看结果，图片已处于正中状态。

3、第二种方法css代码如图。div设置成相对定位，img设置成绝对定位，然后left:50%，top:50%，此时图片的左上角将位于div的中心。重点：图片向上移动图片高度的一半，并向左移动图片宽度的一半。正好为与div正中间。

4、在浏览器查看结果，图片水平，垂直均居中。

---