本地連接:
對同一臺機器上的不同文件進(jìn)行的連接稱(chēng)為本地鏈接,它使用UNIX或DOS系統中文件路徑的表示方法,采用絕對路徑或相對路徑來(lái)指示一個(gè)文件。
例如:我們現在正在瀏覽的這一頁(yè)的絕對路徑是:c:\study\HTML教程\link01.htm
而這一頁(yè)相對于當前目錄即“HTML教程”的相對路徑是:link01.htm
如果是瀏覽HTML教程之外的一頁(yè),該文件路徑要以?xún)蓚€(gè)圓點(diǎn)(..)來(lái)表示上一層目錄:../../internet/IP地址
現在我們把這幾種路徑的表示方法寫(xiě)入鏈接中:
以絕對路徑表示:<A HREF="/c:\study\HTML教程\link01.htm">文件的鏈接</A>
以相對路徑表示:<A HREF="link01.htm">文件的鏈接</A>
鏈接上一目錄中的文件:<A HREF="../../Internet/IP地址">IP地址</A>
一般情況下,我們是不用絕對路徑的,因為我們的資源常常是放在網(wǎng)上供其他人瀏覽的,寫(xiě)成絕對路徑,當我們把整個(gè)目錄中的所有文件移植到服務(wù)器上時(shí),帶有C:\的資源地址用戶(hù)將無(wú)法訪(fǎng)問(wèn)到。所以我們最好寫(xiě)成相對路徑,避免了重新修改文件資源路徑的麻煩。
目錄鏈接: 前面所談的資源地址,只是單純的指向一份文件,但是,對于直接指到某文件上部、下部或是中央部分,以上方法卻是無(wú)法做到的。然而,我們要這樣做,也并不是毫無(wú)辦法。我們可以是使用目錄鏈接。
制作目錄鏈接方法是:
·首先把把某段落設置為鏈接位置,格式是:〈A NAME="鏈接位置名稱(chēng)"></A>
·在調用此鏈接部分的文件,定義連接:<A HREF="文件名#鏈接位置名稱(chēng)">鏈接文字</A>
如果是在一個(gè)文件內跳轉,文件名可以省略不寫(xiě)。
例:
<html>
<head>
<title>鏈接舉例</title>
</head>
<body>
<font color=blue>
我們的HTML教程已經(jīng)進(jìn)行到“文件之間的鏈接”部分,其中,我們學(xué)習了<A href="link01.htm#n1">本地鏈接<A>、<A href="link01.htm#n3">目錄鏈接</A>和<A href="link01.htm#n2">URL鏈接</A>。之前,我們還介紹了<A href="4.htm">文字的設計</A>、<A href="table.htm">TABLE表格</A>、<A href="list01.htm">列表</A>等內容。也許很多人理解起來(lái)比較吃力,這是很正常的,每個(gè)人在剛剛接觸它的時(shí)候往往要度過(guò)很長(cháng)的一段接受時(shí)期。<P>
除了我們的這個(gè)教程外,網(wǎng)上也有很多的站點(diǎn)介紹了HTML文件的制作方法,在這里,我來(lái)推薦幾個(gè)做得相當不錯的站點(diǎn):<P>
<A href="
HTML‘>http://www.dlc.sjtu.edu.cn/courseware/html_learning/hrefsrcci.htm">HTML語(yǔ)言參考</A><br>
<A href="
HTML‘>http://www.gzsums.edu.cn/webclass/html/html_design.html">HTML語(yǔ)言教程</A><br>
<A href="
HTML‘>http://www.netease.com/~feng/html/index.htm">HTML程序員手冊</A><P>
</body>
</html>
插入圖像:
超文本支持的圖象格式一般有X Bitmap(XBM)、GIF、JPEG三種,所以我們對圖片處理后要保存為這三種格式中的任何一種,這樣才可以在瀏覽器中看到。
插入圖象的標簽是<IMG>,其格式為:<IMG SRC="圖形文件地址">地址的表示方法可以沿用上一篇內容“文件的鏈接”中URL地址表示方法。IMG還有兩個(gè)屬性是HEIGHT和WIDTH,分別表示圖形的高和寬。通過(guò)這兩個(gè)屬性,可以改變圖形的大小,如果沒(méi)有設置,圖形按原大顯示:
由IMG中的ALIGN屬性來(lái)設置圖文的對齊方式,有以下幾種:
<IMG SRC="love.gif" ALIGN=top>美麗的心靈
<IMG SRC="love.gif" ALIGN=middle>美麗的心靈
<IMG SRC="love.gif" ALIGN=buttom>美麗的心靈
<IMG SRC="love.gif" ALIGN=textop>美麗的心靈
<IMG SRC="love.gif" ALIGN=baeline>美麗的心靈
<IMG SRC="love.gif" ALIGN=left>美麗的心靈
<IMG SRC="love.gif" ALIGN=right>美麗的心靈
在HTML文件里圖形水平位置的配置,可由HSPACE屬性來(lái)完成,其垂直位置的配置,由VSPACE來(lái)完成。
圖形按鈕:
圖形按鈕就是使用者通過(guò)在圖形上單擊,就能連接到某個(gè)地址上去。很簡(jiǎn)單,我們只要調用一下前面的知識就可以完成了。其基本格式如下:<A HREF="資源地址"><IMG SRC="圖形文件地址"></A>
播放音樂(lè )
將音樂(lè )做成一個(gè)鏈接,只需用鼠標在上面單擊,就可以聽(tīng)到音樂(lè ):
<A HREF="音樂(lè )地址">樂(lè )曲名</A>
例如播放一段AU格式音樂(lè ):<A HREF="you.au">同桌的你-AU音樂(lè )</A>
我們還可以讓音樂(lè )自動(dòng)載入,你可以讓它出現控制面板或當背景音樂(lè )來(lái)使用?;菊Z(yǔ)法:
<EMBED SRC="音樂(lè )文件地址">
屬性有:
SRC="FILENAME" 設定音樂(lè )文件的路徑
AUTOSTART=TRUE/FALSE 是否要音樂(lè )文件傳送完就自動(dòng)播放,TRUE是要,FALSE是不要,默認為FALSE
LOOP=TRUE/FALSE 設定播放重復次數,LOOP=6表示重復6次,TRUE表示無(wú)限次播放,FALSE播放一次即停止。
STARTIME="分:秒" 設定樂(lè )曲的開(kāi)始播放時(shí)間,如20秒后播放寫(xiě)為STARTIME=00:20
VOLUME=0-100 設定音量的大小。如果沒(méi)設定的話(huà),就用系統的音量。
WIDTH HEIGHT 設定控制面板的大小
HIDDEN=TRUE 隱藏控制面板
CONTROLS=CONSOLE/SMALLCONSOLE 設定控制面板的樣子
另外,還有一種插入背景音樂(lè )格式,不過(guò)只有在IE瀏覽器中才可以聽(tīng)到。
<bgsound src="音樂(lè )文件地址" loop=#> #=循環(huán)數
播放視頻:用瀏覽器可以播放的格式有:MOV格式、AVI格式。
將視頻文件做成一個(gè)鏈接的方法:<A HREF=" 視頻地址">視頻名稱(chēng)</A>
自動(dòng)載入視頻:<EMBED SRC="視頻文件地址">
屬性有:
SRC="FILENAME" 設定文件的路徑
AUTOSTART=TRUE/FALSE 是否要文件傳送完就自動(dòng)播放,TRUE是要,FALSE是不要,默認為FALSE
LOOP=TRUE/FALSE 設定播放重復次數,LOOP=6表示重復6次,TRUE表示無(wú)限次播放,FALSE播放一次即停止。
STARTIME="分:秒" 設定開(kāi)始播放時(shí)間,如20秒后播放寫(xiě)為STARTIME=00:20
VOLUME=0-100 設定音量的大小。如果沒(méi)設定的話(huà),就用系統的音量。
WIDTH HEIGHT 設定控制面板的大小
例:
<html>
<head>
<title>播放視頻</title>
</head>
<body>
<B><font size=4>播放視頻WINDOWS95</font></B>
<P>
<EMBED SRC="welcome.avi" autostart=false loop=false width=350 height=250>
</P>
</body>
</html>
Frames結構的基本格式:
<frameset>
<frame src="url">
<frame src="url">
...
</frameset>
在有Frames結構的HTML文件中,Frames文件的整體結構為:
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<FRAMESET>
<FRAME SRC="url">
<FRAME SRC="url">
......
</FRAMESET>
</HTML>
Framees結構中的每個(gè)URL值指定了一個(gè)文件(這個(gè)文件必須事先做好),這個(gè)文件將載入相應的窗口。
各窗口的尺寸設置:
我們將窗口分割為幾塊,橫向分用ROWS屬性,縱向分用COLS屬性,每一塊的大小可以由這兩個(gè)屬性的值來(lái)實(shí)現。
<frameset cols=#> 例:<frameset cols="100,200,300">
<frameset rows=#> 例:<frameset rows="10%,20%,70%">
#的值為一對用引號括起來(lái)的字符串,字符串中的數字表示每個(gè)分窗口所占的尺寸,數字中間用逗號隔開(kāi),有幾個(gè)數字就表示分出了幾個(gè)窗口。當然,這其中的任何一個(gè)數字也可以由“*”來(lái)代替,這樣表示由瀏覽器自動(dòng)設置其大小。
如:<frameset cols="100,200,*">
<frameset cols="100,*,*"> 將100像素以外的窗口平均分配
<frameset cols="*,*,*"> 將窗口分為三等份
--------------------------------------------------------------------------------
縱向排列多個(gè)窗口:
<frameset cols=30%,20%,50%>
<frame src="frame/A.html">
<frame src="frame/B.html">
<frame src="frame/C.html">
</frameset>
橫向排列多個(gè)窗口:
<frameset rows=25%,25%,50%>
<frame src="frame/A.html">
<frame src="frame/B.html">
<frame src="frame/C.html">
</frameset>
縱橫排列多個(gè)窗口:
<frameset cols=20%,*>
<frame src="frame/A.html">
<frameset rows=40%,*>
<frame src="frame/B.html">
<frame src="frame/C.html">
</frameset>
</frameset>
各窗口間相互操作:
由Frames分出來(lái)的幾個(gè)窗口的內容并不是靜止不變的,往往一個(gè)窗口的內容隨著(zhù)另一個(gè)窗口的要求而不斷變化,這就提高了Frames的利用價(jià)值。為了完成各窗口之間的相互操作,我們必須為每一個(gè)窗口起一個(gè)名字,這個(gè)名字用屬性Name來(lái)定義。
窗口標識(Frame Name)
<frame src=url name=“窗口名”> 例如: <frame src="frame/a.html" name=“left”>
定義了窗口名稱(chēng),還應該有Target來(lái)配合使用,Target屬性指定了所鏈接的文件出現在哪一窗口。Target的值可以是name定義的名稱(chēng),也可以是以下四類(lèi)值:
<a href=url target=_blank> 顯示一個(gè)新窗口
<a href=url target=_self> 顯示在同一個(gè)窗口
<a href=url target=_parent> 顯示在Frameset的前一份文件的窗口
<a href=url target=_top> 顯示在整個(gè)瀏覽器窗口
例:
<frameset cols=50%,50%>
<frame src="frame/left.htm" name="left">
<frame src="frame/right.htm" name="right">
</frameset>
FRAME的其它屬性:
<frame frameborder=#> #=yes, no:各窗口邊框的設置,yes表示有邊框,no表示沒(méi)有邊框
<frame marginwidth=# marginheight=#>:#的值為像素點(diǎn) 設置各窗口的上下左右邊界寬度,如果不設置,由瀏覽器自動(dòng)決定。
<frame scrolling=#> #=yes, no, auto:滾動(dòng)條設置,yes 表示有,no表示沒(méi)有,auto表示由瀏覽器自動(dòng)設置,#=缺省值是 auto
<frame noresize>:noresize屬性來(lái)設置不可變動(dòng)的框邊
各窗口邊框的設置舉例:
<frameset rows=30%,*>
<frame src="Acol.html" frameborder=1><
frameset cols=30%,*>
<frame src="Bcol.html" frameborder=0>
<frame src="Ccol.html" frameborder=0>
</frameset>
</frameset>
頁(yè)面空白舉例:
<frameset cols=50%,50%>
<frame src="A.html">
<frame src="A.html"
marginwidth=50
marginheight=50>
</frameset>
添加背景圖案:
方法是:<BODY BACKGROUND="圖片地址">
我們也可以?xún)H僅為文本選擇一種顏色來(lái)作背景,與前面的文字相配得當,方法是:<BODY BGCOLOR="#">