行百里者半九十,寫博客亦是如此。
絞盡腦汁寫完一篇博文未經排版就直接發到博客中,無論文章是多么的好,由于排版的問題總會讓部分人敬而遠之,因為排版的問題給人以距離感豈不是可惜了好文章!好文章是思想的結晶,既然花費了時間、精力讓思想落實成文字,那么為什么不做好最后一步----排版?順手把文章排排版讓讀者賞心悅目,豈不是錦上添花?
使用在線的編輯器可以高效率的編輯博文,但是相對比使用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 查看評論