對 齊 標 籤 教 學
事 前 解 說
其實對齊就好比word中的置中,置右...,而在HTML對齊標籤可以對文字,表格,圖片下達對齊的命令,不過這 裡先講文字的對齊就好了,不過這還會說到一些文字編排的重點
置 左
這就不用下什麼指令了..因為打出來就是置左對齊丫
置 中 , 置 右
置中
就是用center標籤就可以了
例如:
<center>這是置中對齊</center>
效果:
這是置中對齊

置右
用的是p align=right , 而其實是p的標籤(所以結尾要用/p哦)然後給他個指令為align (中文解釋好像是對齊)=right(右),這樣你應該想到right其實可以換成left和center了吧..
例如:
<p align=right>這是置右對齊</p>
<p align=center>這是置中對齊</p>
<p align=left>這是置左對齊</p>

效果:

這是置右對齊


這是置中對齊


這是置左對齊


對齊的備註
在看到上面<p align=right>的對齊有沒有看到..對齊完後下面後自動空一行,因為<p align=right>這 個標籤在我買的那本書上並沒有說..而我是在frontpage 98做出來的效果看到這個標籤的.....因為平常我後少把文字 對齊在右邊,我都直接用<center>來置中的....而若要置有的機會較少...所以<p align=right>功能較少用到.. 而我這份教學交件最後的版權說明是用表格的方式(無框線的)然後用表格自己的對齊指令..會比較好,而這個在後 面的文章會教到.

文字編排
在前面那章曾提到<br>換行,<p>空一行,兩個標題,這裡我在詳細解說一下
當我們在編輯HTML時,文字一直打..然後打完後你可以按一個enter去換行但你在看效果時..可能在你按enter時沒有 換行,因為HTML中換行要下br或p的指令

還有一個重點,就是在HTML,你若要空很多格時,要用全形空格哦,若用半形空格,無論 你按幾個空隔,最後都只會空一隔

另一個重點是解析度的問題,依使用者電腦設的解析度不用,看同一個網頁都會出現不同狀況
而一般電腦若沒設定大都為640X480,不過現在大都15吋螢幕解析度都設成800X600,網路上有許多站都以800X600 做為設計的依據...而設定解析度在控制台中..若不會..問問別人..這裡不做說明了
當然還有視窗有沒有放大到最大也有關係哦...

看比較
本章範例
<HTML>
<HEAD>
<TITLE>字體標籤教學 </TITLE>
</HEAD>
<BODY>
<center>
<i> <FONT COLOR=#ff00ff> <H1>除前面內容多加了置中對齊</H1> </FONT></i>
</center>
</BODY>
</HTML>
範例效果

作者:  醒吾技術學院  國貿系  陳義元  E-mail
完成日期:1999年1月11日

[ 上一頁 | 回主頁 | 下一頁 ]