第三單元:控制文字變化
新手上路 序 曲 旗 標 控制文字變化 連結網頁 圖 像 圖像變化 結 業
還記得昨天學的 <HTML> 和 </HTML>、<TITLE> 和 </TITLE>、<P>、<BR>、 <HR> 以及其它的文字控制旗標吧?如果有點兒忘了,就回到第二單元去複習一下。準備好你的文字處理程式和瀏覽程式了嗎?如果一切 OK,我們就要開始介紹字型的大小變化了。 標題(Heading)旗標在 HTML 文件中常常見到標題旗標。原因很簡單,因為你必須替文章分段,所以每段之前都得加上段落標題嘛! 常用的標題旗標共有六個:從 <H1> 到 <H6>。<H1> 為最大標題,<H6> 為最小標題。以下列出它們的相對大小: <H1> 這是一號標題 </H1><H2> 這是二號標題 </H2><H3> 這是三號標題 </H3><H4> 這是四號標題 </H4><H5> 這是五號標題 </H5><H6> 這是六號標題 </H6>
標題旗標可以作出不同大小的粗體字型,而且很容易使用,僅需運用 H# 和 /H# 控制碼即可。不過它們有一個缺點,它們控制的文字會獨立成行。其實這正是它們的原始目的,做為段落的標題當然是獨立成行,也不會有其它文字出現在它們的左右兩邊。
字型大小(Font Size)旗標相信你一定希望能對字型大小作更多的控制,那麼 <FONT SIZE> 就是你所需要的。標題旗標控制文字 "座落" 在段落的左上方,字型大小旗標卻可以出現在文章的任何一個位置。 共有十二個字型相對大小的控制旗標: 你可能猜測 +6 代表最大字型,-6 代表最小字型。你猜對了,所以我們也不展示所有的效果。不過你可以每一個都練習一次。 <FONT SIZE="+3"> 這是加大三號字 </FONT> <FONT SIZE="+1"> 這是加大一號字 </FONT> <FONT SIZE="-1"> 這是減小一號字 </FONT> <FONT SIZE="-6"> 這是減小六號字 </FONT>
注意上面的旗標控制碼,<FONT SIZE="--">,實際上分為兩個部分:
這有點類似控制旗標再內含一個內部控制旗標,艾爾弗烈德稱其為旗標的屬性。HTML 有許多旗標都運用屬性作進一步控制,屬性後接等號,等號後面的引號內含屬性控制碼。屬性可以不止一個,也不受先後順序影響。例如 FONT 就另有 COLOR 和 FACE 兩個屬性,它們對新手而言略嫌複雜,容艾爾弗烈德另文介紹,請按:字型顏色(COLOR),字型種類(FACE)。 再看一次 <FONT SIZE="--"> 旗標,它的回復旗標永遠只有 </FONT>,道理很簡單,所有的屬性都屬於 FONT 控制碼,回復旗標內就不再贅述屬性設定了。
文字置中(Centering)相信你現在已寫了一小段文章了,無疑地你應發現瀏覽程式將你的文章 向左對齊。你也應該猜到這是預設的,英文是由左往右唸的嘛。 那麼若艾爾弗烈德想將文字置中怎麼辦? 其範例如下: <CENTER> 這段文字為向中間對齊 </CENTER>
文字置右那麼文章可以 向右對齊 嗎?是的,你可以運用第二單元所學到的段落旗標 <P>,再加上屬性控制碼即可。範例如下: <P ALIGN="RIGHT">文字向右對齊</P> ALIGN 的意思是"對齊、排列、排隊",RIGHT 的意思是"右邊",這個屬性控制應該不用多作解釋了吧!不過</P>在這就不能省略了,你得宣告向右對齊的段落結束才行。 除了 <P> 外, <BR>、<HR> 也可有屬性控制。接下來的幾個單元中,我們會介紹更多的旗標和屬性,不過今天到此結束。你也許會覺得第三單元短了一些,其實不然,艾爾弗烈德多留點兒時間給你練習這幾天所學到的旗標。
|