|
【類別】:網路資源 |
基本HTML(二) |
□<PRE>--使用原有排列 如果您希望瀏覽器能依文字在編輯程式中的排列情形來顯示,可 將這些文字前後加上<PRE>.....</PRE>的標籤,這樣文字就不會擠 成一團了,你也不用加上換行標籤了。例如: <PRE> 白日 依山盡,黃河 入海流。 欲 窮千里目,更上一層 樓。 </PRE> ↓↓↓↓↓↓↓ 白日 依山盡,黃河 入海流。 欲 窮千里目,更上一層 樓。 □<HR>--加上分隔線 在很多 Home Page 上我們可以看到為了使文件內容更清晰, 都會用一條橫線(Horizon Ruler),分隔文件中不同的段落,使得段落更為分明。 只需在要坐上分隔線的地方加上<HR>標籤,在顯示時, 此處就會出現一條分隔線。例如: <BODY> 李白的詩 <HR> 床前明月光<BR> 疑視地上霜<BR> 舉頭望明月<BR> 低頭思故鄉<BR> <HR> 取自唐詩三百首 </BODY> ↓↓↓↓↓↓↓ 當然,不同的瀏覽器所縣市的分隔線會長得不太一樣, 另外在學會了使用圖形後,您也可考慮用自己畫的線條來做段落的分隔線。 八、標題文字: 學會如何安排簡單的段落格事後,我們現在要看看如何改變文件中的問字顯示效果 在 HTML 標籤中用於文字顯示的非常多,這裡先從最簡單、最常用的標題介紹起。 這個標題並非瀏覽器視窗左上角所顯示的標題(用<TITLE>定義的), 而是平常在文章中,像章節名稱之類的標題。設定標題的標籤共有六個,分別是 <H1>、<H2>.....、至<H6> ,數字愈大標題所顯示的文字愈小: <H1>李白的詩</H1> <H2>靜夜思</H2> <HR> 床前明月光<BR> 疑視地上霜<BR> 舉頭望明月<BR> 低頭思故鄉 九、文字的排列 - 對齊方向: 基本上,在瀏覽器中文字都是由左一直顯示到右,每一行都是向左對齊的。 如果您希望文字改成向中或向右對齊,可在段落標籤<P>中加入屬性來設定 千面介紹標籤的使用時只是在"<>"中加入標前的名稱而已, 其實有些標籤還有很多屬性(Attribute)可供我們選用、設定。 加入屬行時的標籤格式如下: <標籤名稱 屬性1=屬性值 屬性2=屬性值 屬性3=....> 例如: <IMG SRC=logo.gif border=0 alt=俠客資源網> □<P ALIGH>--設定對齊方向 <P>標籤有個ALIGH屬性就是用來設定文字對齊的方向,可設定的值 有LEFT(向左對齊,這是預設值)、CENTER(向中對齊)、RIGHT(向右對齊) 三種。瀏覽器會將<P ALIGH=...>之後的文字以所設的對齊方式顯示,例如: <P ALIGN =RIGHT>這段文字會對齊視窗的右邊 <P ALIGN =CENTER>這段文字會對齊視窗的中間 <P ALIGN =LEFT>這段文字會對齊視窗的左邊 注意,一旦設定了某種對齊方式後,例如設定了向右對齊,除非出現另一個 <P ALIGN=...>改變其他對齊方向,或是</P>,否則文件種所有文字都是向右對齊的 或是遇到<HR>、<H1>標籤時,文字的對齊方向才會設回預設的向左對齊。 □<CENTER>--向中對齊 另外還有一個對齊中央的標籤<CENTER>,其效果也是讓所有的文字向中間對齊。 而且在<CENTER>間的文字,不會因<H?>或<HR>的出現而變回預設的向右對齊。 |
|
[推薦評價好店]- 4C快修連鎖門市 專業維修買賣 - 筆電 + 手機 + 電腦 + Iphone + Ipad 新北汐止店 (02) 7751-9182 新北市汐止區福德一路86巷22號 汐止修手機.汐止修iphone.汐止修ipad.汐止修筆電.汐止修電腦 新北板橋店 (02) 8257-3990 新北市板橋區四維路137巷10號 板橋修手機.板橋修iphone.板橋修ipad.板橋修筆電.板橋修電腦 桃園大溪店 (03) 387-4353 桃園市大溪區中華路210號 大溪修手機.大溪修iphone.大溪修ipad.大溪修筆電.大溪修電腦 台中市區店 (04) 2201-1289 台中市南區台中路140號 台中修手機.台中修iphone.台中修ipad.台中修筆電.台中修電腦 |