本地連接:
對同一臺機器上的不同文件進行的連接稱為本地鏈接,它使用UNIX或DOS系統(tǒng)中文件路徑的表示方法,采用絕對路徑或相對路徑來指示一個文件。
例如:我們現(xiàn)在正在瀏覽的這一頁的絕對路徑是:c:\study\HTML教程\link01.htm
而這一頁相對于當前目錄即“HTML教程”的相對路徑是:link01.htm
如果是瀏覽HTML教程之外的一頁,該文件路徑要以兩個圓點(..)來表示上一層目錄:../../internet/IP地址
現(xiàn)在我們把這幾種路徑的表示方法寫入鏈接中:
以絕對路徑表示:<A HREF="/c:\study\HTML教程\link01.htm">文件的鏈接</A>
以相對路徑表示:<A HREF="link01.htm">文件的鏈接</A>
鏈接上一目錄中的文件:<A HREF="../../Internet/IP地址">IP地址</A>
一般情況下,我們是不用絕對路徑的,因為我們的資源常常是放在網(wǎng)上供其他人瀏覽的,寫成絕對路徑,當我們把整個目錄中的所有文件移植到服務器上時,帶有C:\的資源地址用戶將無法訪問到。所以我們最好寫成相對路徑,避免了重新修改文件資源路徑的麻煩。
插入圖像:
超文本支持的圖象格式一般有X Bitmap(XBM)、GIF、JPEG三種,所以我們對圖片處理后要保存為這三種格式中的任何一種,這樣才可以在瀏覽器中看到。
插入圖象的標簽是<IMG>,其格式為:<IMG SRC="圖形文件地址">地址的表示方法可以沿用上一篇內容“文件的鏈接”中URL地址表示方法。IMG還有兩個屬性是HEIGHT和WIDTH,分別表示圖形的高和寬。通過這兩個屬性,可以改變圖形的大小,如果沒有設置,圖形按原大顯示:
由IMG中的ALIGN屬性來設置圖文的對齊方式,有以下幾種:
<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屬性來完成,其垂直位置的配置,由VSPACE來完成。
圖形按鈕:
圖形按鈕就是使用者通過在圖形上單擊,就能連接到某個地址上去。很簡單,我們只要調用一下前面的知識就可以完成了。其基本格式如下:<A HREF="資源地址"><IMG SRC="圖形文件地址"></A>
播放音樂
將音樂做成一個鏈接,只需用鼠標在上面單擊,就可以聽到音樂:
<A HREF="音樂地址">樂曲名</A>
例如播放一段AU格式音樂:<A HREF="you.au">同桌的你-AU音樂</A>
我們還可以讓音樂自動載入,你可以讓它出現(xiàn)控制面板或當背景音樂來使用?;菊Z法:
<EMBED SRC="音樂文件地址">
屬性有:
SRC="FILENAME" 設定音樂文件的路徑
AUTOSTART=TRUE/FALSE 是否要音樂文件傳送完就自動播放,TRUE是要,F(xiàn)ALSE是不要,默認為FALSE
LOOP=TRUE/FALSE 設定播放重復次數(shù),LOOP=6表示重復6次,TRUE表示無限次播放,F(xiàn)ALSE播放一次即停止。
STARTIME="分:秒" 設定樂曲的開始播放時間,如20秒后播放寫為STARTIME=00:20
VOLUME=0-100 設定音量的大小。如果沒設定的話,就用系統(tǒng)的音量。
WIDTH HEIGHT 設定控制面板的大小
HIDDEN=TRUE 隱藏控制面板
CONTROLS=CONSOLE/SMALLCONSOLE 設定控制面板的樣子
另外,還有一種插入背景音樂格式,不過只有在IE瀏覽器中才可以聽到。
<bgsound src="音樂文件地址" loop=#> #=循環(huán)數(shù)
播放視頻:用瀏覽器可以播放的格式有:MOV格式、AVI格式。
將視頻文件做成一個鏈接的方法:<A HREF=" 視頻地址">視頻名稱</A>
自動載入視頻:<EMBED SRC="視頻文件地址">
屬性有:
SRC="FILENAME" 設定文件的路徑
AUTOSTART=TRUE/FALSE 是否要文件傳送完就自動播放,TRUE是要,F(xiàn)ALSE是不要,默認為FALSE
LOOP=TRUE/FALSE 設定播放重復次數(shù),LOOP=6表示重復6次,TRUE表示無限次播放,F(xiàn)ALSE播放一次即停止。
STARTIME="分:秒" 設定開始播放時間,如20秒后播放寫為STARTIME=00:20
VOLUME=0-100 設定音量的大小。如果沒設定的話,就用系統(tǒng)的音量。
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文件中,F(xiàn)rames文件的整體結構為:
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<FRAMESET>
<FRAME SRC="url">
<FRAME SRC="url">
......
</FRAMESET>
</HTML>
Framees結構中的每個URL值指定了一個文件(這個文件必須事先做好),這個文件將載入相應的窗口。
各窗口的尺寸設置:
我們將窗口分割為幾塊,橫向分用ROWS屬性,縱向分用COLS屬性,每一塊的大小可以由這兩個屬性的值來實現(xiàn)。
<frameset cols=#> 例:<frameset cols="100,200,300">
<frameset rows=#> 例:<frameset rows="10%,20%,70%">
#的值為一對用引號括起來的字符串,字符串中的數(shù)字表示每個分窗口所占的尺寸,數(shù)字中間用逗號隔開,有幾個數(shù)字就表示分出了幾個窗口。當然,這其中的任何一個數(shù)字也可以由“*”來代替,這樣表示由瀏覽器自動設置其大小。
如:<frameset cols="100,200,*">
<frameset cols="100,*,*"> 將100像素以外的窗口平均分配
<frameset cols="*,*,*"> 將窗口分為三等份
--------------------------------------------------------------------------------
縱向排列多個窗口:
<frameset cols=30%,20%,50%>
<frame src="frame/A.html">
<frame src="frame/B.html">
<frame src="frame/C.html">
</frameset>
橫向排列多個窗口:
<frameset rows=25%,25%,50%>
<frame src="frame/A.html">
<frame src="frame/B.html">
<frame src="frame/C.html">
</frameset>
縱橫排列多個窗口:
<frameset cols=20%,*>
<frame src="frame/A.html">
<frameset rows=40%,*>
<frame src="frame/B.html">
<frame src="frame/C.html">
</frameset>
</frameset>
各窗口間相互操作:
由Frames分出來的幾個窗口的內容并不是靜止不變的,往往一個窗口的內容隨著另一個窗口的要求而不斷變化,這就提高了Frames的利用價值。為了完成各窗口之間的相互操作,我們必須為每一個窗口起一個名字,這個名字用屬性Name來定義。
窗口標識(Frame Name)
<frame src=url name=“窗口名”> 例如: <frame src="frame/a.html" name=“left”>
定義了窗口名稱,還應該有Target來配合使用,Target屬性指定了所鏈接的文件出現(xiàn)在哪一窗口。Target的值可以是name定義的名稱,也可以是以下四類值:
<a href=url target=_blank> 顯示一個新窗口
<a href=url target=_self> 顯示在同一個窗口
<a href=url target=_parent> 顯示在Frameset的前一份文件的窗口
<a href=url target=_top> 顯示在整個瀏覽器窗口
例:
<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表示沒有邊框
<frame marginwidth=# marginheight=#>:#的值為像素點 設置各窗口的上下左右邊界寬度,如果不設置,由瀏覽器自動決定。
<frame scrolling=#> #=yes, no, auto:滾動條設置,yes 表示有,no表示沒有,auto表示由瀏覽器自動設置,#=缺省值是 auto
<frame noresize>:noresize屬性來設置不可變動的框邊
各窗口邊框的設置舉例:
<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>
頁面空白舉例:
<frameset cols=50%,50%>
<frame src="A.html">
<frame src="A.html"
marginwidth=50
marginheight=50>
</frameset>
添加背景圖案:
方法是:<BODY BACKGROUND="圖片地址">
我們也可以僅僅為文本選擇一種顏色來作背景,與前面的文字相配得當,方法是:<BODY BGCOLOR="#">