發新話題

詳解網頁製作中使用的HTML常用標記

詳解網頁製作中使用的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:設定先顯示低解像圖片,若所加入的是一張很大的圖片,下載時間長,這張低解像圖片會先被顯示

TOP

<A>元素是在HTML文檔中使用的創建連接的最基本的元素,它可以用於創建源描,也成為標籤描。
<a></a>此元素用於定義連接或目的描,它的開始和結束標記不可以缺省
Name:此屬性用於給目的描命名以便其他的連接指向該描
Href:此屬性用於定義一個指向的WEB資源的URL
Hreflang:此屬性用於定義連接所指向的文檔的基準語言信息,僅當設置了href屬性時此屬性才有效
Type:此屬性用於定義A元素中文本的類型
Rel:此屬性用於定義由href屬性所指定的文檔的關係,它的值是由空格分開的連接類型列表
Rev:此屬性用於定義由href屬性所指定的描與當前文檔的反向連接關係,它的值是由空格分開的連接類型的列表
Charset:此屬性用於定義連接指向的文檔的字符編碼方式  

<BASE>此元素用於定義文檔的基準路徑,它是一個空元素,只有開始標記,沒有結束標記。可用屬性href target
Href:此屬性用於定義文檔的基準路徑,它的值是一個絕對的URL
Target:可用值_self、_top、_blank、_parent  

<FRAMESET>成為框架標記,用以宣告HTML文件為框架模式並社頂視窗如何分割,如:<framest rows="90,*"(cols="90,*") frameborder="0" framespaling="2" border="2" bordercolor="#000000">
Rows:就是橫向切割,將畫面上下分開
Cols:垂直切割畫面,接受正數值、百分數,*則代表佔用餘下空間,數值的個數代表分成的視窗數目,且以逗號分隔。列:cols="30,*,50%"可以切割成三個視窗,第一個視窗是30的寬度,為一絕對分割。第二個視窗是當分割完第一及第三個視窗後剩下的空間,第三個視窗則占具整個畫面的50%寬度為相對分割
Frameborder:設定框架的邊距,其值有0和1。0表示不要邊框,1表示要顯示邊框
Framespaling:表示框架與框架間的保留空白的距離
Border:設定框架的邊框厚度,以像素為單位
Bordercolor:設定框架的邊框顏色  

<FRAME>則是設定某一框窗內的參數屬性,如:<frame name="top" src="/blog/aa.asp" marginwidth="5" marginheight="5" scrolling="aoto" frameborder="0" framespacing="6" noresize bordercolor="#000000">
Name:設定這個框窗的名稱,這樣才能指定框架來作連接,必須有任意命名
Src:顯示的頁面
Marginwidth:表示框架寬度部分邊緣所保留的空間
Marginheight:表示框架高度部分邊緣所保留的空間
Scrolling:設定是否要顯示卷軸,yes表示要顯示卷軸,no表示無論如何都不要顯示,aoto是視情況顯示
Frameborder:設定框架的邊框,其值有0和1。0表示不要邊框,1表示要顯示邊框
Framespacing:表示框架與框架間的保留空白的距離
Noresize:設定不讓使用者可以改變這個框框的大小,亦沒有設定此參數,使用者可以很隨意地拉動邊框,改變其大小
Bordercolor:設定框架的邊框顏色  

<NOFRAMES>若瀏覽器支持框架,那麼它不會理會noframes中的東西,但若瀏覽器不支援框架,那麼瀏覽器將會顯示noframes中的內容  

<FORM>稱為表格標記,如:<form action="aa.asp" method="post">
Action:指明該程序的位置
Method:傳選擇給程序的方式,可選post和get。Post允許傳送大量的資料,get只接受低於1K的資料  

<INPUT>種類:text、redio、checkbox、password、submit/reset、image、file、hidden
如:<input type="text" name="age" value="20" align="center" size="2" maxlength="255">
Type:可選擇text、redio、checkbox、password、submit/reset、image、file、hidden
Name:名稱
Value:內定值,若不填寫文字盒是空白。若填寫20,便會出現在文字盒中。
Align:可用(left、right、top、middle、bottom、txttop、buseline、absmiddle)
Size:文字盒的長度
Maxlength:此一單行文字盒可輸入字元的上限  

<marquee>滾動代碼。
如:<marquee direction="left" scrollamount="20" scrolldelay="120" loop="50" width="319" height="50">可放文字和圖片</marquee>
behavior:可用屬性:alternate(交替)、slide(進行一次滾動)、scrool(循環往返)
direction:可用屬性:right、up、dwon、left
scrollamount:數量
behavior:可用屬性:
height:寬度
width:高度
loop:滾動次數
scrolldelay:延遲時間  

<embed>FLASH代碼
如:<embed src="www.webjx.com/1.swf" widht="100" height="100"></embed>
src:FLASH路徑
height:寬度
width:高度  

<bgsound>背景音樂
如:<bgsound src="webjx.com/webjx.mid" loop="10">
src:音樂的路徑
loop:播放的次數

TOP

發新話題

本站所有圖文均屬網友發表,僅代表作者的觀點與本站無關,如有侵權請通知版主會盡快刪除。