常用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>


效果如下

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

 

评论 31
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值