行百里者半九十,寫博客亦是如此。

絞盡腦汁寫完一篇博文未經排版就直接發到博客中,無論文章是多么的好,由于排版的問題總會讓部分人敬而遠之,因為排版的問題給人以距離感豈不是可惜了好文章!好文章是思想的結晶,既然花費了時間、精力讓思想落實成文字,那么為什么不做好最后一步----排版?順手把文章排排版讓讀者賞心悅目,豈不是錦上添花?

使用在線的編輯器可以高效率的編輯博文,但是相對比使用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>


效果如下

青,取之于藍,而青于藍;冰,水為之,而寒于水。木直中繩,輮以為輪,其曲中規,雖有槁暴,不復挺者,輮使之然也。故木受繩則直,金就礪則利,君子博學而日參省乎己,則知明而行無過矣。

 

作者:beijiguangyong 發表于2012-3-8 0:05:20 原文鏈接
閱讀:1148 評論:27 查看評論