文字是組成網頁的要素之一
可以算是非常重要的一份子
但若文字的型式都相同
則無法凸顯重要的部分
也或者沒法詮釋作者所想表達的
在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>則是它的結束
且結束都會增加"/"
若少了"/"這個重要的一撇
就會讓你的語法無法成立哦!
留言列表
