WEB PAGE(網頁):WWW上之每一個頁
HOMEPAGE(首頁):WWW上每個 URL 的第一個網頁
網頁上傳方式(若瀏覽器有上傳功能時用)ftp://識別碼:密碼@網址
條件:1.瀏覽器有上傳功能時
2.SERVER有 FTP 功能時(亦即有 FTP SERVER)
HTML語言:
*不分大小寫
<HTML>
<HEAD>
<META HTTP-EQUIV="refresh" CONTENT-"3;URL=1.HTM">
;三秒鐘後會自動換到 1.HTM
<TITLE>
;插入抬頭文字(亦即瀏覽器上會出現的抬頭和搜尋程式抓取的尋找文字)
</TITLE>
<ISINDEX>
<BASE>
<NEXTID>
<LINK>
</HEAD>
<BODY
BGCOLOR="#RRGGBB" ;背景顏色,預設為灰色,可不用引號或用顏色英文名稱
常用顏色表:
顏色 RGB值
黑(BLACK) 0
暗藍(NAVY) 000080
暗綠(GREEN) 008000
暗靛(TEAL) 008080
暗紅(MAROON) 800000
暗紫紅(PURPLE) 800080
暗黃(OLIVE) 808000
淡灰(SILVER) C0C0C0
暗灰(GRAY) 808080
淡藍(BLUE) 0000FF
淡綠(LIME) 00FF00
淡靛(AQUA) 00FFFF
淡紅(RED) FF0000
淡紫紅(FUCHSIA)FF00FF
淡黃(YELLOW) FFFF00
白(WHITE) FFFFFF
TEXT="#RRGGBB" ;文字顏色,預設為黑色,可不用引號或用顏色英文名稱(不加引號)
LINK="#RRGGBB" ;超文字未連結前顏色,預設為藍色
ALINK="#RRGGBB" ;超文字連結中的顏色,預設為藍色
VLINK="#RRGGBB" ;超文字連結後的顏色,預設為紫色
BACKGROUND="背景圖" ;背景圖限用 GIF和JPG檔,愈小愈好,用貼磁磚方式貼滿螢幕
背景圖需要小寫,否則會找不到
背景圖提供之URL
http://www.netscape.com/assist/net_sites/bg/backgrouds.html
http://www.mckinley.net/carol/clip3/
BGPROPERTIES=FIXED> ;讓背景圖固定不動,不隨捲軸移動
<H1> </H1>
<H2> </H2>
<H3> </H3>
<H4> </H4>
<H5> </H5>
<H6> </H6>
<BASEFONT SIZE=3> ;SIZE=3等於 H4
<FONT ;不會自動換列
SIZE=+-N ;+-N範圍仍是 1-6
FACE="細明體" ;字型
COLOR=#"RRGGBB"> ;背景顏色,可不用引號或用顏色英文名稱
</FONT>
<P> ;段,加了之後會空一列再繼續,等於按兩次<ENTER>
<BR> ;加了之後會由下一列繼續,等於按一次<ENTER>
<P ;HTML 3.0規格
ALIGN=<RIGHT|CENTER|LEFT>
</P>
<PRE> </PRE> ;依原格式顯示,但裡面仍可加標記
特殊符號:
符號 代碼
< <
> >
" "
& &
©
®
<!-- --> ;註解,不解譯
<CENTER> </CENTER> ;文字置中
<BLINK> </BLINK> ;文字閃爍
<I> </I> ;斜體字
<B> </B> ;粗體字
<BIG> </BIG> ;加大
<SMALL> </SMALL> ;變小
<SUP> </SUP> ;上標字
<SUB> </SUB> ;下標字
<HR ;畫一直線
ALIGN=<RIGHT,..> ;水平線對齊方向
WIDTH=<50%|200> ;用點數表示長度,亦可用百分比表示
SIZE=10 ;用點數表示厚度
NOSHADE ;沒立體感
COLOR=> ;顏色
<UL ;無序表列
TYPE=<CIRCLE| ;指定符號為空方型
DISC| ;實心圓
SQUARE>> :實方型
<LI> ;項目,不需配對標記
</UL>
<OL ;有序表列
TYPE=<A|a|l|i|1> ;英文大寫,英文小寫,大寫羅馬字,小寫羅馬字,阿拉伯數字(預設)
START=5> ;指定起始編號
<LI ;項目,不需配對標記
TYPE=<A|a|l|i|1> ;英文大寫,英文小寫,大寫羅馬字,小寫羅馬字,阿拉伯數字(預設)
VALUE=8> ;直接指字其值
</OL>
<DL> ;定義表列,有縮格方式之表列
<DT> ;定義表列術語字串
<DD> ;定義表列定義的解說字串
</DL>
<TABLE
FRAME ;TABLE之外框
VOID ;TABLE中沒有 FRAME
ABOVE ;只顯示最上面的水平線
BELOW ;只顯示最下面的水平線
HSIDES ;只顯示上下兩條水平線
LHS ;只顯示左邊的垂直線
RHS ;只顯示右邊的垂直線
VSIDES ;只顯示左右兩條垂直線
BOX ;顯示整個 FRAME,也就是四個邊都顯示
BORDER ;顯示整個FRAME,同 BOX
RULES ;TABLE外框裡面垂直及水平線條
NONE ;TABLE中沒有RULES
GROUPS ;只顯示組與組之間的RULES,組是由
; <THEAD><TBODY><TFOOT><COLGROUP>等標記制定
ROWS ;只顯示水平的RULES
COLS ;只顯示垂直的RULES
ALL ;顯示所有的RULES
BORDER=1 ;指定格子線條的粗細,以點表示,預設是0
CELLSPACING=10 ;設定資料項與資料項間之間距
CELLPADDING=12 ;設定資料項與邊緣之間的間距
WIDTH=120 ;設定 TABLE 之長度,亦可用百分比(和螢幕比)
HEIGHT=150 ;設定 TABLE 之高度,亦可用百分比(和螢幕比)
BACKGROUND ;資料項的背景圖案
BGCOLOR ;資料項的背景顏色
BORDERCOLOR ;資料項邊緣顏色
BORDERCOLORLIGHT ;指定邊緣淺色部份之顏色
BORDERCOLORDARK> ;指定邊緣深色部份之顏色
<CAPTION> </CAPTION> ;指定方格之標題,會自動置於方格上方中間
<TH> ;同<TD>但方格內資料變成標頭,字會變粗體,無配對
<TD ;格子之內容,可不用配對
ALIGN=<RIGHT|CENTER|LEFT> ;水平對齊方式
VLIGN=<TOP|MIDDLE|BOTTOM> ;垂直對齊方式
COLSPAN=3 ;指定一個資料項佔數個水平方格
ROWSPAN=3 ;指定一個資料項佔數個垂直方格
WIDTH=120 ;設定 格子 之長度,亦可用百分比(和螢幕比)
HEIGHT=150 ;設定 格子 之高度,亦可用百分比(和螢幕比)
BACKGROUND ;資料項的背景圖案
BGCOLOR ;資料項的背景顏色
BORDERCOLOR ;資料項邊緣顏色
BORDERCOLORLIGHT ;指定邊緣淺色部份之顏色
BORDERCOLORDARK> ;指定邊緣深色部份之顏色
<TD> </TD><TD< </TD>
<TR ;指定下一列整列之表現方式,沒配對標記
BACKGROUND ;資料項的背景圖案
BGCOLOR ;資料項的背景顏色
BORDERCOLOR ;資料項邊緣顏色
BORDERCOLORLIGHT ;指定邊緣淺色部份之顏色
BORDERCOLORDARK> ;指定邊緣深色部份之顏色
<TD> </TD> ;指定下一列
</TABLE>
<IMG SRC="test.gif"
WIDTH=50
HEIGHT=50
ALIGN=<TOP|MIDDLE|BOTTOM|RIGHT|LEFT|BASELINE>
ALT="取代圖形文字"
BORDER=??? ;設定圖的外框厚度
VSPACE=??? ;圖的垂直方向的預留空白寬度
HSPACE=??? ;圖的水平方向的預留空白寬度
LOWSRC="???.gif" ;先載入低解析度的圖片
DYNSRC ;指定電影檔檔名(*.AVI,*.MOV,*.DAT)
START=<FILEOPEN|MOUSEOVER> ;指定一載入就撥放或滑鼠移到上面就撥放
CONTROLS ;表示要顯示控制器(播放/暫停)
LOOP ;重複次數,=INFINITE或=-1表無限制播放
LOOPDELAY ;重複播放之時間間隔,單位1/1000秒
>
<A ;超連結(ANCHOR)
HREF="連結方法://位址:PORT/目錄/檔案" ;連結到
"xxx.gif" ;圖形檔
"xxx.txt" ;文字檔
"xxx.wav" ;試聽帶
"xxx.zip" ;下傳檔案
"xxx.html" ;HTML文件檔
"gopher://gopher.seed.net.tw" ;GOPHER
"ftp://ftp.seed.net.tw" ;FTP SERVER
"news:tw.bbs.comp.hardware" ;NETNEWS
"telnet://139.175.1.10" ;TELNET
"http://www.seed.net.tw" ;WWW
"index.htm#spcname" ;連結到以 NAME 指定之段落
NAME ;連結到 HTML 文件中的特定點
TARGET="" ;用於 FRAME,指定連結之分割視窗
;找到----顯示在該視窗
;找不到--新開啟一個新視窗
;沒指定--在原視窗顯示
="_blank或_new" ;顯示在一個新開啟的視窗中
="_top" ;會先目前視窗中的所有分割視窗都清除掉,
;然後再顯示新內容
="_self" ;顯示在目前的視窗中
="_parent" ;顯示在父視窗中(當有父子視窗時)
>超文字
<img src="seed.gif" alt="資策會"> ;以圖形連結
</A>
<MARQUEE> ;跑馬燈(活動字串),但只能用於 MSIE
HEIGHT
WIDTH
ALIGN=<TOP|MIDDLE|BOTTOM>
BGCOLOR
DIRECTION=<RIGHT|LEFT> ;移動方向
LOOP=n,LOOP=INFINITE,LOOP=-1
SCROLLAMOUNT ;設定流動字串的移動點數
SCROLLDELAY ;移動時間間隔,單位1/1000秒
VSPACE ;顯示範圍的上下距離
HSPACE ;左右距離
BEHAVIOR ;行為模式
SCROLL ;不停捲動,預設
SLIDE ;到邊緣為止
ALTERNATE ;在顯示範圍來回移動
>
</MARQUEE>
<BGSOUND ;背景音樂
SRC=???.wav ;指定.WAV或.MID檔
LOOP=n|INFINITE|-1 ;播放次數
>
</BODY>
</HTML>
****TABLE視窗
<FRAMESET
ROWS=" " ;指定分割視窗的分割比例(上下)
COLS="40%,60%" ;指定分割視窗的分割比例(左右)
="50,*" ;第一個視窗寬度為50點
="1,1,1" ;將視窗切三等分
>
<FRAME ;定義子視窗
SRC="left.htm" ;子視窗的內容
NAME="" ;指定子視窗的名字,供 TARGET屬性來用,有大小寫之分
MARGINWIDTH=n ;設定分割視窗顯示區與左邊邊界的距離
MARGINHEIGHT=0 ;設定分割視窗顯示區與頂端邊界的距離
SCROLLING=<yes|no|auto> ;設定分割視窗要不要有捲軸
NORESIZE ;讓分割視窗不能調整大小
FRAMEBORDER=n ;分割視窗要不要加邊界,可設1或0
>
</FRAMESET>
<NOFRAME> ;考慮到有的瀏覽器無 FRAME功能時用
</NOFRAME>
*** <FRAMESET>和<NOFRAME> 都視同另一個HTML,在那個HTML之下的 HTML才包含
*** 有<BODY></BODY>,0 一般含此種HTML不含<BODY></BODY>
IMAGE MAP
NCSA MAP 檔的通式 (延伸檔名為 .imp)
通式:
rect URL x1,y1 x2,y2
circle URL cx,cy x1,y1
poly URL x1,y1 x2,y2 x3,y3 ...
default URL
CERN MAP 檔的通式 (延伸檔名為 .map)
rect (x1,y1)(x2,y2) URL
rectangle (x1,y1)(x2,y2) URL
circ (cx,cy) r URL
circle (cx,cy) r URL
poly (x1,y1)(x2,y2)... URL
polygon (x1,y1)(x2,y2)... URL
default URL
server端要放在 imagemap 程式找得到的目錄才行.
HTML:
<A href="/cgi-bin/imagemap/test.imp"><img src="map_demo.gif" ISMAP></A>
<MAP></MAP> 界定 MAP檔的範圍
NAME 為這個 MAP檔命名
<AREA> 記錄矩形,圓形,多邊形的座標和URL
範例片斷:
<BODY>
<MAP NAME="test">
<AREA SHAPE=RECT COORDS="12,22,94,145" HREF="rect.htm">
<AREA SHAPE=CIRCLE COORDS="171,85,59" HREF="circle.htm">
<AREA SHAPE=POLY COORDS="241,86,301,145,360,85,300,26,241,86" HREF="poly.htm">
<AREA SHAPE=DEFULT HREF="default.htm">
</MAP>
<IMG SRC="map_demo>gif" USEMAP="#test">
</BODY>
**** FORM 表格 與 CGI
<INPUT
TYPE="checkbox" ;核取方塊
TYPE="hidden" ;傳送預設的資料
TYPE="image" ;用圖來替代 SUBMIT 按鈕
TYPE="password" ;輸入密碼專用
TYPE="radio" ;多選一
TYPE="reset" ;重新輸入
TYPE="submit" ;輸入完畢,開始傳送
TYPE="text" ;輸入字串
VALUE="id@mail" ;輸入字串預設值
SIZE=6 ;輸入字串之寬度
MAXLENGTH=n(BYTES) ;最大輸入字數
>
<SELECT
NAME
SIZE ;顯示項目的總數
MULTIPLE ;允許複選
>
<OPTION
SELECTED ;預設選項,會反白
VALUE ;指定傳送到 SERVER 端的值0
>
</OPTION>
</SELECT>
<TEXTAREA ;提供一個多行多列的文字輸入區
NAME="article"
ROWS=6
CLOS=8
WRAP ;自動換列
>
</TEXTAREA>
METHOD=GET ;以 ?name1=valu1&name2=value2... 的形式傳送資料,預設
METHOD=POST ;以標準輸入(stdin)的方式輸送,用 argv[1],argv[2]... 抓取
有特殊符號要先轉成 16進位碼