图文混排代码

浏览 发布时间 2010/07/04

据统计约有78%人优先阅读图片内容,而对于文字仅作为快速阅读辅助,所以如果你在做网站内容优化时候,一定要让自己的内容图文并茂,为你“干瘪瘪”文字添加一两幅符合主题图片,让它变得生动起来。好了我不啰嗦了,这里给大家介绍两种我个人常用的图文混排代码。

第一种:图文混排代码(table)

<TABLE style="WIDTH: 500px" cellPadding=15>

<TD bgColor=#CCCCCC>

<IMG  hspace=5 src="/UploadFile/201007/4/161288817.jpg" align=left>

这里是写文章的地方

</TD>

</TABLE>

样式如下

图文混排代码案例 这是采用第一种图文混排代码后的样式
 

第二种:图文混排代码(style)

<img src="/uploadfile/201007/4/36161848340.jpg" style="float:left;margin:5px;"/>

第二种图文混排代码是不是很简单呢,仅需要设置<img>标签的 style="float:left;margin:5px;" 就可以完成图文混排工作

样式如下

这是采用第二种图文混排代码后的样式,设置非常的简单,而且展示后的效果也很不错











 

以上两个是我经常使用的图文混排代码,相比那么需要设置DIV+CSS代码繁杂才能实现的图文混排,这个是最简单的图文混排代码了

文章作者:北京网站优化@红光(QQ:86541358)
文章地址:http://www.010wangzhanyouhua.com/tuwenhunpaidaima/
尊重别人的劳动成果,你的劳动成果也一定会被尊重。
文章来源:除注明来自转载,其余全部为原创文章。
旨在和大家分享网站优化经验、普及网站优化知识。
如果你喜欢本站的文章,转载时请保留文章出处,谢谢。 var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://"); document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F228e1f36afdcb394a9b26b873488ff28' type='text/javascript'%3E%3C/script%3E"));