html完成文本绕排示例(html图文混排)

 1.文本绕图

假如大家应用一切正常的,比如:

拷贝编码
编码以下:

<TABLE cellpadding="15" width="200">
<TR>
<TD bgcolor="#EEEEFF"><IMG src="test.gif" hight=60>这里是一般的。中国的VB网站中vbgood以每天升级,材料量丰富多彩,而深受程序流程喜好者的喜爱。</TD>
</TR>
</TABLE>

这样的句子中照片比文本高宽比要高,则文本上部会有时间白出現。网页页面的实际效果十分不太好。怎样处理呢?请看这个编码:

拷贝编码
编码以下:

<TABLE cellpadding="15" width="200">
<TR>
<TD bgcolor="#EEEEFF"><IMG src="test.gif" hspace="1" align="LEFT" hight=60>这里是绕排的。中国的VB网站中vbgood以每天升级,材料量丰富多彩,而深受程序流程喜好者的喜爱。</TD>
</TR>
</TABLE>

在img这个元素中添加这个特性便可以处理:align="center",难题便可以处理了。简易吧!至于hspace是界定照片与周边元素的宽度。因而否绕排不相干系。

这有是如何作出来的呢?先看看这个编码:

拷贝编码
编码以下:

<table align=left cellspacing=0 cellpadding=0 width=200 border=1>
<tr>
<td><table align=left cellspacing=0 cellpadding=0><font color=red size="5"><b>在</b></font> </table>中国的VB网站中vbgood以每天升级,材料量丰富多彩,而深受程序流程喜好者的喜爱。(End)</td></tr>
</table>

这样的实际效果又如何完成呢?

拷贝编码
编码以下:

<table align=left cellspacing=0 cellpadding=0 width=200 border=1>
<tr>
<td><table align=left cellspacing=0 cellpadding=0><font color=red size="5"><b>在</b></font>
</table>中国的VB网站中vbgood以每天升级,材料量丰富多彩,而深受程序流程喜好者的喜爱。(End)</td></tr>
</table>

这段编码就表明了,聪慧的你1看就了解了,要是把要变大的字放在这个table中便可以了。

但如今假如我要让文本有情况色,有如何办呢?哈,你真聪慧,在table中加bgcolor特性,这样:

拷贝编码
编码以下:

<table align=left cellspacing=0 cellpadding=0 width=200 border=1>
<tr>
<td><table align=left cellspacing=0 cellpadding=0 bgcolor=#C0C0C0><font color=red size="5"><b>在</b></font></table>中国的VB网站中vbgood以每天升级,材料量丰富多彩,而深受程序流程喜好者的喜爱。(End)</td></tr></table>

但能出来吗?是不可以,还要加物品呢(记得下一次不必这么快回应哦:),这样:

拷贝编码
编码以下:

<table align=left cellspacing=0 cellpadding=0 width=200 border=1>
<tr>
<td><table align=left cellspacing=0 cellpadding=0 bgcolor=#C0C0C0><td><font color=red size="5"><b>在</b></font></td></table>中国的VB网站中vbgood以每天升级,材料量丰富多彩,而深受程序流程喜好者的喜爱。(End)</td></tr></table>