html实现文字绕排示例(html图文混排)示例分析
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了html实现文字绕排示例(html图文混排)示例分析,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2414字,纯文字阅读大概需要4分钟。
内容图文
![html实现文字绕排示例(html图文混排)示例分析](/upload/InfoBanner/zyjiaocheng/394/98863c6651ac4822a2f926c0faf5bbd8.jpg)
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>
这段代码就说明了,聪明的你一看就知道了,只要把要放大的字放在这个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>
更多html实现文字绕排示例(html图文混排)示例分析相关文章请关注PHP中文网!
内容总结
以上是互联网集市为您收集整理的html实现文字绕排示例(html图文混排)示例分析全部内容,希望文章能够帮你解决html实现文字绕排示例(html图文混排)示例分析所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。