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

絞盡腦汁寫完一篇博文未經(jīng)排版就直接發(fā)到博客中,無(wú)論文章是多么的好,由于排版的問(wèn)題總會(huì)讓部分人敬而遠(yuǎn)之,因?yàn)榕虐娴膯?wèn)題給人以距離感豈不是可惜了好文章!好文章是思想的結(jié)晶,既然花費(fèi)了時(shí)間、精力讓思想落實(shí)成文字,那么為什么不做好最后一步----排版?順手把文章排排版讓讀者賞心悅目,豈不是錦上添花?

使用在線的編輯器可以高效率的編輯博文,但是相對(duì)比使用HTML標(biāo)簽而言靈活性上可能少了些。兩中方法各有各的好處,讀者朋友權(quán)衡利弊就可以了。筆者的辦法是:整體布局采用在線的編輯器布局,細(xì)節(jié)的地方用HTML標(biāo)簽手動(dòng)編輯。

在這里介紹常用的HTML標(biāo)簽幫助美化你的博文,做軟件的宗旨是“全心全意為人民服務(wù)”,寫博客亦是如此,要時(shí)時(shí)刻刻為讀者著想。

 

style中各個(gè)屬性實(shí)現(xiàn)縮進(jìn)以及字體大小

代碼如下: 

<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">青,取之于藍(lán),而青于藍(lán);冰,水為之,而寒于水。木直中繩,輮以為輪,其曲中規(guī),雖有槁暴,不復(fù)挺者,輮使之然也。故木受繩則直,金就礪則利,君子博學(xué)而日參省乎己,則知明而行無(wú)過(guò)矣。</font>
</font>
</span>
</p>

效果如下:

青,取之于藍(lán),而青于藍(lán);冰,水為之,而寒于水。木直中繩,輮以為輪,其曲中規(guī),雖有槁暴,不復(fù)挺者,輮使之然。故木受繩則直,金就礪則利,君子博學(xué)而日參省乎己,則知明而行無(wú)過(guò)矣。

 

 

采用hr標(biāo)簽畫線分割博文

代碼如下:

<hr> 標(biāo)簽在 HTML 頁(yè)面中創(chuàng)建一條水平線。
水平分隔線(horizontal rule)可以在視覺(jué)上將文檔分隔成各個(gè)部分。
<hr>

效果如下:


 

 

abbr或acronym標(biāo)簽實(shí)現(xiàn)提示效果

代碼如下:

<acronym title="這是提示啊,這是提示">將鼠標(biāo)移動(dòng)到這行文字上有提示出現(xiàn)</acronym>

效果如下:

將鼠標(biāo)移動(dòng)到這行文字上有提示出現(xiàn)

 

 

blockquote標(biāo)簽實(shí)現(xiàn)引用效果

代碼如下: 

<blockquote style=" background-color:#CCC; border-style:dotted; border-width:1px; font-size:16px; padding:10px" >
青,取之于藍(lán),而青于藍(lán);冰,水為之,而寒于水。木直中繩,輮以為輪,其曲中規(guī),雖有槁暴,不復(fù)挺者,輮使之然也。故木受繩則直,金就礪則利,君子博學(xué)而日參省乎己,則知明而行無(wú)過(guò)矣。

</blockquote>


效果如下

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

 

作者:beijiguangyong 發(fā)表于2012-3-8 0:05:20 原文鏈接
閱讀:1148 評(píng)論:27 查看評(píng)論