|
【類別】:網路資源 → 網頁*教學 |
線上諮詢 |
3265人觀看 |
|
回 網頁*教學 |
|
|
基本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>的出現而變回預設的向右對齊。
|
|
|
※小叮嚀:投稿或引述文章內容請記得註明出處,以示尊重其著作財產權利,倘有疏漏之處也歡迎來信指教,謝謝。
|
|
|
投稿信箱 |
補充意見 |
|
|
門店升級雲端服務 →全門市 電子e化無紙作業系統← 適合*通訊行*醫美診所*實體門市 |
https://test.fixs3c.com
|
[推薦評價好店]-
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.台中修筆電.台中修電腦
|
|
王師父專業牆壁切孔鑽孔引孔工程服務
牆壁鑽孔切割,牆面引孔鑽孔,地板鑽孔切割
台北鑽孔切割
三重鑽孔切割
新莊鑽孔切割
板橋鑽孔切割 |
|