詳解網頁製作中使用的HTML常用標記
<HTML> 整份文件處於標記<HTML>與</HTML>之間
<HEAD> 由<HEAD>至</HEAD>稱為開頭
<TITLE> 只可出現開頭部分,所標示的是文件的標題
<BODY> <BODY>至</BODY>稱文本
如:<body text="#000000" link="#000000" alink="#000000" vlink="#000000" background="webjx.com/bj.gif" bgcolor="#000000" leftmargin=2 topmargin=2 bgproperties="fixed">
Text:設定文字顏色
Link:設定一般文字連接顏色
Alink:設定剛按下時文本連接顏色
Vlink:設定連接後的顏色(被按過)
Background:設定背景圖片,gif或jpg皆可。可以是絕對路徑或相對路徑。
Bgcolor:設定背景顏色,當已設定背景圖片時會失去作用,除非圖片有透明部分。
Leftmargin:設定整份文件顯示畫面的左方邊沿空間半徑為像素(只適用IE)
Topmargin:設定整份文件顯示畫面的上方邊沿空間半徑為像素(只適用IE)
Bgproperties:固定背景圖片,當捲動文字時圖片不會跟隨捲動(只適用IE)
<P>常用數,如:<p align="center">可選擇right(右邊)、center(居中)、left(左邊)
內定值:align="left"
<HR>水平線,如:<hr align="center" size="2" width="100%" color="#000000" noshade>
Align:設定線條擺放位置,可選擇right(右邊)、center(居中)、left(左邊)
Size:設定線條厚度,以像素作單位,內定為:2
Width:設定線條長度,可以是絕對值(以像素作單位)或相對值,內定為:100%
Color:字體顏色
Noshade:設定線條為平面顯示,若刪除則具陰影或立體,內定為:noshade
<BASEFONT>可以用於文件的開頭部分即<HEAD>與</HEAD>之間的位置,將影響全文字句,是一個空標記,用以改變字體顯示的內定值
<FONT>本身亦受<BASEFONT>的影響,如:<font face="Arial" size="2" color="#000000">
Face:社頂文字的字形,建議不要使用「Windows"內建字體以外的字形
Size:設定文字大小,其值可以是絕對或相對。不受<BASEFONT>影響。內定為3
Color:字體顏色
<OL>稱為順序清單標記,所謂順序清單就是在每一項前面加上1,2,3,…等數,又稱為編引清單,如:<ol tupe="1" start="4">
Type="i"
設定數目款式,其體有五種,內定為:type="1" start="4"
設定開始數目,不論設定了哪一數目款式,其值只能是1,2,3,…等整數,內定為:staert="1" Type Numbering style
1 Arabic numbers 1,2,3,…
a Lower alpha a,b,c,…
A Upper alpha A,B,C,…
i Lower roman i,ii,iii,…
I Upper roman I,II,III,…
<LI>則用於標示清單選項,只適用於非順序清單,設定符號款式。其值有三種,如:<li type="square" value="4">
符號●是當前type="disc"時的列項符號
符號○是當前type="disc"時的列項符號
符號■是當前type="disc"時的列項符號
Value:只適用於順序清單,其值只能為:1,2,3,…等整數。沒有內定值。
<UL>無序清單標記,如:<ul type="square">
符號●是當前type="disc"時的列項符號
符號○是當前type="disc"時的列項符號
符號■是當前type="disc"時的列項符號
<MENU><DIR>這兩個標記都不為W3所贊同,希望用者能以<ul>及<ol>代之,兩者標記的用法與<ul>完全一樣。
<TABLE>是一個容器標記,意思是說它用以聲明這是表格而且其他表格標記只能在它範圍內才適用,如:<table border="1"cellspacing="2" cellpadding="2" align="center" valign="middle" background="webjx.com/bj.gif" bgcolor="#000000" bordercolor="#000000"bordercolorlight="#000000" width="100%" height="100%">
Border:表格線寬度
Cellspacing:字體格線距離
Cellpadding:文字與隔線的距離
Align:表格內字、畫的擺放位置,可用(left、center、right)
Valign:表格內字、畫的擺放位置(垂直),可用(top、middle、bottom)
Background:表格背景圖片與bgcolor不要同用
Bgcolor:表格底色與background不要同用
Bordercolor:表格邊框顏色,NC與IE有不同的效果
Bordercolorlight:表格邊框向陽部分的顏色
Width:表格寬度
Height:表格高度
<TR>用於標示表格列,如:<tr align="center" valign="middle" width="100%"height="100%">
Align:表格內字、畫的擺放位置,可用(left、center、right)
Valign:表格內字、畫的擺放位置(垂直),可用(top、middle、bottom)
Width:表格寬度
Height:表格高度
<TD>用於標示儲存格,如:<td align="center" valign="middle" width="100%"height="100%" colspan="2"(rowspan="2")>
Align:表格內字、畫的擺放位置,可用(left、center、right)
Valign:表格內字、畫的擺放位置(垂直),可用(top、middle、bottom)
Width:表格寬度
Height:表格高度
Colspan:用於儲存表格右邊打通的列數
Rowspan:用於儲存表格左邊打通的列數
<TH>用於標示儲存格和<TD>一樣,唯一不同的是<TH>所標示的儲存格中的文字是以粗體出現,如:<th align="center"valign="middle" width="100%" height="100%" colspan="2"(rowspan="2")>
Align:表格內字、畫的擺放位置,可用(left、center、right)
Valign:表格內字、畫的擺放位置(垂直),可用(top、middle、bottom)
Width:表格寬度
Height:表格高度
Colspan:用於儲存表格右邊打通的列數
Rowspan:用於儲存表格左邊打通的列數
<CAPTION>作用是為表格標示一個標題列,如在表格上加上一沒格線的打通列,當然亦可至於下放,通常用於存放該表格的標題,如:<caption align="center" calign="top">
Align:表格內字、畫的擺放位置,可用(left、center、right)
Valign:表格內字、畫的擺放位置(垂直),可用(top、middle、bottom)
<IMG>圖形標記,如:<img src="webjx.com/images/logo.gif" width="100%" height="100%" hspace="5" vspace="5" border="2" align="center" alt="logo" lowsrc="logo.gif">
Src:制定圖片的相對或絕對路徑
Width:圖片寬度
Height:圖片高度
Hspace:設定圖片邊沿空白,是設定圖片左右空間
Vspace:設定圖片邊沿空白,是設定圖片上下空間
Border:圖片邊框厚度
Align:調整圖片旁邊文字的位置,可選(left、right、top、middle、bottom)內定為:bottom
Alt:用以描述該圖形的文字
Lowsrc:設定先顯示低解像圖片,若所加入的是一張很大的圖片,下載時間長,這張低解像圖片會先被顯示