常用HTML标签美化博文

行百里者半九十，写博客亦是如此。

绞尽脑汁写完一篇博文未经排版就直接发到博客中，无论文章是多么的好，由于排版的问题总会让部分人敬而远之，因为排版的问题给人以距离感岂不是可惜了好文章！好文章是思想的结晶，既然花费了时间、精力让思想落实成文字，那么为什么不做好最后一步----排版？顺手把文章排排版让读者赏心悦目，岂不是锦上添花？

使用在线的编辑器可以高效率的编辑博文，但是相对比使用HTML标签而言灵活性上可能少了些。两中方法各有各的好处，读者朋友权衡利弊就可以了。笔者的办法是：整体布局采用在线的编辑器布局，细节的地方用HTML标签手动编辑。

在这里介绍常用的HTML标签帮助美化你的博文，做软件的宗旨是“全心全意为人民服务”，写博客亦是如此，要时时刻刻为读者着想。

 

style中各个属性实现缩进以及字体大小

代码如下： 

<p style="line-height: 21pt; text-indent: 21pt; margin: 0cm 0cm 7.5pt; background: #fffcf6; mso-pagination: widow-orphan; mso-char-indent-count: 2.0; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt" class="MsoNormal" align="left">
<span style="line-height: 21pt; font-family: ; color: ; mso-ascii-font-family: arial; mso-hansi-font-family: arial; mso-bidi-font-size: 13pt; mso-bidi-font-family: arial; mso-font-kerning: 0pt">
<font face="宋体">
<font style="font-size: 13pt">青，取之于蓝，而青于蓝；冰，水为之，而寒于水。木直中绳，輮以为轮，其曲中规，虽有槁暴，不复挺者，輮使之然也。故木受绳则直，金就砺则利，君子博学而日参省乎己，则知明而行无过矣。</font>
</font>
</span>
</p>

效果如下：

青，取之于蓝，而青于蓝；冰，水为之，而寒于水。木直中绳，輮以为轮，其曲中规，虽有槁暴，不复挺者，輮使之然。故木受绳则直，金就砺则利，君子博学而日参省乎己，则知明而行无过矣。

 

 

采用hr标签画线分割博文

代码如下：

<hr> 标签在 HTML 页面中创建一条水平线。
水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。
<hr>

效果如下：

---

 

 

abbr或acronym标签实现提示效果

代码如下：

<acronym title="这是提示啊,这是提示">将鼠标移动到这行文字上有提示出现</acronym>

效果如下：

将鼠标移动到这行文字上有提示出现

 

 

blockquote标签实现引用效果

代码如下: 

<blockquote style=" background-color:#CCC; border-style:dotted; border-width:1px; font-size:16px; padding:10px" >
青，取之于蓝，而青于蓝；冰，水为之，而寒于水。木直中绳，輮以为轮，其曲中规，虽有槁暴，不复挺者，輮使之然也。故木受绳则直，金就砺则利，君子博学而日参省乎己，则知明而行无过矣。

</blockquote>

效果如下

青，取之于蓝，而青于蓝；冰，水为之，而寒于水。木直中绳，輮以为轮，其曲中规，虽有槁暴，不复挺者，輮使之然也。故木受绳则直，金就砺则利，君子博学而日参省乎己，则知明而行无过矣。