10 Jul

如何插入文章背景和实现图文混排

分类:网络生活   出处:本站原创                            | |
一、有些朋友问我如何插入文章背景,现在我给大家讲一下,其实很简单了,就是插入一个表格,为表格设置一个背景而已,代码就是:
<DIV>
<TABLE width="100%" border=0>
<TBODY>
<TR>
<TD background=背景图片URL地址 height=50>
<P>文章内容</P></TD></TR></TBODY></TABLE></DIV>

  其中“width”一般是显示100%,也就是宽度在文章内全部显示,也可以设定具体数值!“height”是高度,高度大小其实没多大事,当文章内容超过它的高度的时候,表格会自动拉长!编辑文章的时候,找好你的背景图片地址,在显示源代码前打勾,把以上代码放进去,再把勾取消掉,就可以在图片上编辑文章了!

  二、接下来给大家讲一下如何实现左右文章配图:
1、图片在右,文字在左

代码为:

<P><A href="对图片的链接地址" target=_blank><IMG height=100 src="图片URL地址" width=100 align=right border=0></A>文章内容</P>


其中
<A href="对图片的链接地址" target=_blank>
表示对图片进行链接,如果不需要的话只要把
<A href="对图片的链接地址" target=_blank>
</A>
删了就行了,“target=_blank”表示点击图片后链接在新窗口中打开,如果没有这个,则点击图片后链接在默认窗口中打开!



2、图片在左,文字在右

只要把“align=right”改为“align=left”就行了,即为:

<P><A href="对图片的链接地址" target=_blank><IMG height=100 src="图片URL地址" width=100 align=left border=0></A>文章内容</P>

调整图片于文字的距离可加入“vspace=上下距离 hspace=左右距离”使用不同数值效果不一样。比如改后的代码是:


<P><A href="对图片的链接地址" target=_blank><IMG height=100 src="图片URL地址" width=100 align=left hspace=10 vspace=10 border=0></A>文章内容</P>


3、实现让文字竖排:
其实就是弄一个表格了,然后设置一定的宽度,在把字放进去,基本代码就是:
<DIV align=center>
<TABLE width="85%">
<TBODY>
<TR>
<TD vAlign=top width=10><FONT color=#cc3333 size=4>要竖排的字<BR></FONT></TD>
<TD vAlign=top width=10><FONT color=#cc3333 size=4>要竖排的字<BR></FONT></TD>
<TD vAlign=top width=10><FONT color=#cc3333 size=4>要竖排的字<BR></FONT></TD></TR></TBODY></TABLE></DIV>

“align=center”是让表格居中,当然“center”可以改为“left”和“right”,“width="85%"”是表格的总宽度值,“width=10”表示每一竖字所在的表格的宽度,
<FONT color=#cc3333 size=4>
就是用来设定字体的颜色和大小了!


50376 次阅读
3 条评论
2 条引用
阴 作者:yeyo   时间:21:39   Tags: , , ,
君君 Homepage
2007.04.13 20:13
额.不好意思吖.
我把这篇文章转到我那去了.
不知道能不能。额
!!!!!!!!!!!!!!!!!!!!!!!!
各个感
2006.11.03 21:24
晕,不能复制怎么用啊
simear2004 回复于 2006.11.04 09:16
日志页面限制复制了,你可以用日志右上角的“保存为文本文档”功能!
如何插入文章背景和实现图文混排
[2006.09.24 00:44]
来源:解析几何
内容:一、有些朋友问我如何插入文章背景,现在我给大家讲一下,其实很简单了,就是插入一个表格,为表格设置一个背景而已,代码就是:文章内容其中“width”一般是显示100%,也就是宽度在文章内全部显示,也可以设定具体数值!“height”是高度,高度大小其实没多大事,当文章内容超过它的高度的时候,表格会自动拉长!编辑文章的时候,找好你的背景图片地址,在显示源代码前打勾,把以上代码放进去,再把勾取消掉,就可以在图片上编辑文章了!二、接下来给大家讲一下如何实现左右文章配图:1、图片在右,文字在左。代码为:文章内容其中“”表示对图片进行链接,如果不需要的话只要把“”和“”删了就行了,“target=_blank”表示点击图片后链接在新窗口中打开,如果没有这个,则点击图片后链接在默认窗口中打开!2、图片在左,文字在右。只要把“align=right”改为“align=left”就行了,即为:文章内容调整图片于文字的距离可加入“vspace=上下距离 hspace=左右距离”使用不同数值效果不一样。比如改后的代码是:文章内容3、实现让文字竖排:其实就是弄一个表格了,然后设置一定的宽度,在把字放进去,基本代码就是:要竖排的字要竖排的字要竖排的字“align=center”是让表格居中,当然“center”可以改为“left”和“right”,“width=85%”是表格的总宽度值,“width=10”表示每一竖字所在的表格的宽度。就是用来设定字体的颜色和大小了!PS:文章来自:叶の阳S BLOG
如何插入文章背景和实现图文混排
[2006.09.14 14:56]
来源:Beebees  Blog
内容:嘿嘿
yesi
2006.07.10 23:24
不错,收藏了
分页: 1/1 第一页 1 最后页
发表评论
  昵称 [注册]
  密码 (游客无需密码)
  网址
  电邮
  您也可用OpenID登入
开启/隐藏 高级扩展