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

在html中如何把图片放到所指定的位置?,第1张

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可以调整)。

一般来说可以用CSS中的“text-align:center属性,margin:0auto或定位属性”就可以居中。但是主要看是看你的页面布局是怎样的,是否用了定位

1、img标签中的align属性不是定义图像的位置,而是定义图像与周围文字的位置,并且不推荐使用这个属性。

2、要给img定义一个父标签,让这个父标签里面的内容居中,那么img自然就居中了。

比如说:<palign="center">img??</p>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7647990.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-08
下一篇 2023-04-08

发表评论

登录后才能评论

评论列表(0条)

保存