Get me outta here!

網頁教學:設定對齊與縮排的標記

 

      網頁中最常使用的是文字,文字的排版對網頁閱讀起來的流暢度有大的影響。一般我們使用word或openoffice這類文書軟體時,需要罝中與縮排時,只需按下『置中』及『縮排』之按鈕即可完成。但在網頁的呈現上,則必需使用相關標記,如<center>(置中標記)及<blockquote>(縮排標記),才能達到相同的功能。【因為最近常在kkbox上聽林俊傑的『背對背擁抱』,覺得很好聽,所以就把這首歌的歌詞拿來做網頁文字排版之範例內容。】

一、置中標記:<center></center>

      <center>標記的作用係將文字置中,只要在你想要讓它置中之文字前後分別加上<center>及</center>,就可讓該文字置於網頁之中間。由圖1之內容可看到「然後戰火再燃燒」字串前後分別有加上<center>及</center>,在用瀏覽器瀏覽該網頁時(示如圖2),則可以看到「然後戰火再燃燒」字串位於網頁的中間。

html設定對齊與縮排的標記
圖1  <center>、<blockquote>及<pre>標記之使用方式

html設定對齊與縮排的標記2

圖2  利用圖1內容製作之網頁內容

二、縮排標記:<blockquote></blockquote>

      <blockquote>標記的作用是縮排標記,如果我們需要某段文字縮排,只要在其前後分別加上<blockquote>及</blockquote>,在用瀏覽器瀏覽該網頁時,就可讓該段文字呈現縮排的效果。由圖1之內容可看到「我們背對背擁抱」字串前後分別有加上<blockquote>及</blockquote>,在用瀏覽器瀏覽該網時(示如圖2),則可以看到「我們背對背擁抱」字串呈現縮排之情形。此外,若是針對一段文字使用二組以上之<blockquote>及</blockquote>標紀,該段文字將會一層層地往內縮排(示如圖2)。