html如何完成圖文混排
發(fā)表時(shí)間：2023-09-17 來(lái)源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]這次給大家?guī)?lái)html怎樣實(shí)現(xiàn)圖文混排，html實(shí)現(xiàn)圖文混排的注意事項(xiàng)有哪些，下面就是實(shí)戰(zhàn)案例，一起來(lái)看一下。文字繞圖如果我們使用正常的，例如：<TABLE cellpadding="15" width="200"><TR><T...
這次給大家?guī)?lái)html怎樣實(shí)現(xiàn)圖文混排，html實(shí)現(xiàn)圖文混排的
注意事項(xiàng)有哪些，下面就是實(shí)戰(zhàn)案例，一起來(lái)看一下。
文字繞圖
如果我們使用正常的，例如：
<TABLE cellpadding="15" width="200">
<TR>
<TD bgcolor="#EEEEFF"><IMG src="test.gif" hight=60>這里是普通的。國(guó)內(nèi)的VB網(wǎng)站中vbgood以每日更新，資料量豐富，而深受程序愛(ài)好者的喜歡。</TD>
</TR>
</TABLE>
這樣的語(yǔ)句中圖片比文字高度要高，則文字上部會(huì)有空白出現(xiàn)。頁(yè)面的效果非常不好。如何解決呢？請(qǐng)看這個(gè)代碼：
<TABLE cellpadding="15" width="200">
<TR>
<TD bgcolor="#EEEEFF"><IMG src="test.gif" hspace="1" align="LEFT" hight=60>這里是繞排的。國(guó)內(nèi)的VB網(wǎng)站中vbgood以每日更新，資料量豐富，而深受程序愛(ài)好者的喜歡。</TD>
</TR>
</TABLE>
在img這個(gè)元素中加入這個(gè)屬性就可以解決：align="center",問(wèn)題就可以解決了。簡(jiǎn)單吧！至于hspace是定義圖片與周?chē)氐膶挾�。于是否繞排無(wú)關(guān)系。
這有是怎么作出來(lái)的呢？先看看這個(gè)代碼：
<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>國(guó)內(nèi)的VB網(wǎng)站中vbgood以每日更新，資料量豐富，而深受程序愛(ài)好者的喜歡。（End）</td></tr>
</table>
這樣的效果又怎么實(shí)現(xiàn)呢？
<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>國(guó)內(nèi)的VB網(wǎng)站中vbgood以每日更新，資料量豐富，而深受程序愛(ài)好者的喜歡。（End）</td></tr>
</table>
這段代碼就說(shuō)明了，聰明的你一看就知道了，只要把要放大的字放在這個(gè)table中就可以了。
相信看了這些案例你已經(jīng)掌握了方法，更多精彩請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
相關(guān)閱讀：
禁止頁(yè)面緩存有哪些方法
在html里怎么添加flash視頻格式(flv、swf)文件
以上就是html怎樣實(shí)現(xiàn)圖文混排的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ)，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
