行百里者半九十,写博客亦是如此。
绞尽脑汁写完一篇博文未经排版就直接发到博客中,无论文章是多么的好,由于排版的问题总会让部分人敬而远之,因为排版的问题给人以距离感岂不是可惜了好文章!好文章是思想的结晶,既然花费了时间、精力让思想落实成文字,那么为什么不做好最后一步----排版?顺手把文章排排版让读者赏心悦目,岂不是锦上添花?
使用在线的编辑器可以高效率的编辑博文,但是相对比使用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>
<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>
<hr> 标签在 HTML 页面中创建一条水平线。水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分。<hr>
效果如下:
abbr或acronym标签实现提示效果
代码如下:
- <acronym title="这是提示啊,这是提示">将鼠标移动到这行文字上有提示出现</acronym>
<acronym title="这是提示啊,这是提示">将鼠标移动到这行文字上有提示出现</acronym>
效果如下:
将鼠标移动到这行文字上有提示出现
blockquote标签实现引用效果
代码如下:
- <blockquote style=" background-color:#CCC; border-style:dotted; border-width:1px; font-size:16px; padding:10px" >
- 青,取之于蓝,而青于蓝;冰,水为之,而寒于水。木直中绳,輮以为轮,其曲中规,虽有槁暴,不复挺者,輮使之然也。故木受绳则直,金就砺则利,君子博学而日参省乎己,则知明而行无过矣。
- </blockquote>
<blockquote style=" background-color:#CCC; border-style:dotted; border-width:1px; font-size:16px; padding:10px" >青,取之于蓝,而青于蓝;冰,水为之,而寒于水。木直中绳,輮以为轮,其曲中规,虽有槁暴,不复挺者,輮使之然也。故木受绳则直,金就砺则利,君子博学而日参省乎己,则知明而行无过矣。</blockquote>
效果如下
青,取之于蓝,而青于蓝;冰,水为之,而寒于水。木直中绳,輮以为轮,其曲中规,虽有槁暴,不复挺者,輮使之然也。故木受绳则直,金就砺则利,君子博学而日参省乎己,则知明而行无过矣。