2010年8月18日 星期三

【html】文字各式效果

文字是組成網頁的要素之一


可以算是非常重要的一份子


但若文字的型式都相同


則無法凸顯重要的部分


也或者沒法詮釋作者所想表達的


在html語法中的"文字控制與設定"是非常重要的




文字的形式


1.語法:<b>文字</b>


解釋:粗體


2.語法:<i>文字</i>


解釋:斜體


3.語法:<s>文字</s>


解釋:刪除線


4.語法:<u>文字</u>


解釋:底線




文字的分段


1.語法:<p>文字</p>


解釋:在一段語法中若要加入文字一般會把文字增加在<p>與</p>之間來做區隔


2.語法:<br>文字</br>


解釋:讓被包在<br>與</br>之間的文字自動換行




文字的大小


1.語法:<font size="1">文字</font>


解釋:它的功能就是定義被包在<font size="1">與</font>之間文字


size="1"數字越大 文字大小則越大


2.語法:<h1>文字</h>


解釋:定義<h1>與</h>之間文字的大小


不過此種語法較為特別,一般應用於標題


且僅有h1.h2.h3.h4.h5.h6能設定




文字的顏色


1.語法:<font color="white">文字</font>


解釋:定義被包在<font color="white">與</font>之間的文字顏色


color="white"可直接填寫該顏色的英文或是使用色碼


如:color="#000000"


(註:色碼表參考:http://rhinejo.myweb.hinet.net/home/color/color-cord.html)




文字的字體


1.語法:<font face="細明體">文字</font>


解釋:定義被包在<font face="細明體">與</font>之間的文字字體


<font face="細明體">只需直接填寫該字體名稱即可


(註:若瀏覽者的電腦沒有安裝這種字體,則無法顯示你所填寫的字體,所以建議選擇微軟預設的普遍字體。)




文字的位置


1.語法:<font align="left">文字</font>


解釋:定義被包在<font align="left">與</font>之間的文字位置


left:靠左 right:靠右 center:置中




文字的底色


1.語法:<font style="background-color:white">文字</font>


解釋:定義被包在<font style="background-color:white">與</font>之間的文字底色


可使用色碼


(註:色碼表參考:http://rhinejo.myweb.hinet.net/home/color/color-cord.html)




文字的超連結


1.語法:<a href="http://blog.xuite.net/jason_kuso/kuso">文字</a>


解釋:將被包在<a href="http://blog.xuite.net/jason_kuso/kuso">與</a>的文字連結到所設定的網址




額外提醒:


看完了上述的文字技巧後


應該能發現一般html語法都有個共通點


皆有"開始"與"結束"


如:<b>文字</b>


<b>是它的開始


</b>則是它的結束


且結束都會增加"/"


若少了"/"這個重要的一撇


就會讓你的語法無法成立哦!


 


沒有留言:

張貼留言