图文并茂可以美化博文，增强读者对博文的好感，达到吸引人气的目的。如本博 金色秋风。和讯发表文章的工具对此需求已有考虑，如：编辑博文时，在设计状态下也可以实现在居中、居左或居右的位置插入图片，只是所插入的图片要独占一行。也就是说，设计状态下不能实现文字环绕的效果，而编辑具有文字环绕效果的博文，只能在代码状态下进行，具体做法为：

一、标题

博文标题应独占一行，编辑博文标题可将以下代码复制到编辑框的首行，先将“本文标题”改为博文标题，再按参数注释的说明，保持标题居中，只将标题的字体、字号调整为所需即可。

标题代码：<P align=center><FONT face=黑体 size=6>本文标题</FONT></P>

参数注释：

align=center 标题居中；

FONT face=黑体 size=6 标题的字体（黑体）、字号（6）；

</FONT></P> 结束符

二、段落

中文文本各段落的字体、字号应一致，各段的首行要空两个汉字字符。编辑段落文本，可将以下代码复制到编辑框的段落处，将“本段文字”改为段落内容，并按参数注释的说明将段落的字体、字号调整为所需。需要另起新的段落时，应先复制字体、字号调整后的代码，再将“本段文字”改为段落内容，以保证各段文字字体、字号的一致。

段落代码：<P><FONT face=楷体_GB2312 size=5>&nbsp;&nbsp; 本段文字</FONT></P>

参数注释：

<FONT face=楷体_GB2312 size=5> 本段落的字体（楷体_GB2312）、字号（5）；

>&nbsp;&nbsp;  段前空两格；

</FONT></P> 本段结束符。

三、配图

http://photo19.hexun.com/p/2010/0111/380387/b_B3B641C9C626A7F6DCBB1532F08D959A.jpg

    博文插图，顾名思义是以文为主，插图为辅。直观感觉上文字版面大于图片所占版面，否则就成了图片的文字说明。一般来说，当待插图片的宽度小于博文版面宽度的1/2时，才有文字环绕的排版要求。从理论上讲，博文所配图片可以放在博文中的任何位置，其实现方式主要通过插入点和插入位置来控制。鉴于阅读简体中文有从左到右的习惯，提倡文字版面居左、插入的图片居右。插图时，将以下代码复制到编辑框后，分别将“图片的链接地址”、“图片URL地址”以及“文字内容”改为所需的内容。再按参数注释的说明，调整图片的大小和与文字间的间距。

插图代码：<P><A href=“图片的链接地址” target=_blank><IMG height=100 width=100 src=“图片URL地址”align=right  hspace=10 vspace=10 border=0><P><FONT face=楷体_GB2312 size=3>文字内容</FONT></P>

参数注释：

href=“对图片的链接地址”指示点击图片是所链接地址，

target=_blank> 指示点击图片后链接在新窗口中打开，如删除则链接在默认窗口中打开；

height=100 width=100 插入图片的高度与宽度，可根据图片大小调整。

src=“图片URL地址”

align= right 插入位置居右（right）、居左（left）、居中（center）

hspace=10左右距离， vspace=10上下距离。可调整与环绕文字之间的上下左右间距。

FONT face=楷体_GB2312 size=5  字体、字号

也有博文介绍以下是嵌入方式插入图片或广告单元的代码，未经验证，仅供参考。

<TABLE style=“width：244px；height：107px”width=244 align=right border=0>

<TBODY>

<TR>

<TD style="FONT-SIZE: 12pt" height=60>

<DIV style="FONT-SIZE: 12pt" align=center><STRONG></STRONG></DIV>

</TD>

</TR>

</TBODY>

</TABLE>

   将上面代码复制到博文编辑框内，切换为设计状态，可看见一个双线的隐形框。 框得大小可以任意拖动，框的位置可以任意拖动到你想让它到的地方。然后将图片或广告展示单元（已经生成的广告单元），鼠标右键全选，然后复制，最后粘贴到框内保存即可最后点发表就可以了！