基本HTML(二)-台灣醫療網

正體簡體

2024 年 4 月 25 日

首頁

全國院所

站內資料庫

延伸瀏覽

最多瀏覽

【類別】：網路資源 → 電腦資源 → 網頁*教學

線上諮詢

5376人觀看

回網頁*教學

基本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.台中修筆電.台中修電腦

王師父專業牆壁切孔鑽孔引孔工程服務
牆壁鑽孔切割,牆面引孔鑽孔,地板鑽孔切割

台北鑽孔切割
三重鑽孔切割
新莊鑽孔切割
板橋鑽孔切割