第5講超鏈接及多媒體_第1頁
第5講超鏈接及多媒體_第2頁
第5講超鏈接及多媒體_第3頁
第5講超鏈接及多媒體_第4頁
第5講超鏈接及多媒體_第5頁
已閱讀5頁，還剩34頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

回顧內(nèi)容:文字標(biāo)記段落標(biāo)記列表標(biāo)記圖片標(biāo)記1第5講超鏈接標(biāo)記與多媒體標(biāo)記5.1超鏈接標(biāo)記5.2框架標(biāo)記5.3多媒體標(biāo)記2學(xué)習(xí)目標(biāo)掌握各種超鏈接的設(shè)置文本超鏈接圖像超鏈接框架超鏈接掌握各種常用多媒體標(biāo)記的使用35.1超鏈接標(biāo)記瀏覽者通過單擊文本或圖片對象，可以從一個頁面跳到另一個頁面，或從頁面的一個位置跳到另一個位置，實(shí)現(xiàn)這樣的功能的對象稱之為超鏈接創(chuàng)建超鏈接的條件：必須同時存在兩個端點(diǎn)。一個是源端點(diǎn)；另一個是目標(biāo)端點(diǎn)源端點(diǎn)：指網(wǎng)頁中的提供鏈接單擊的對象， 如鏈接文本或鏈接圖像目標(biāo)端點(diǎn)：指鏈接跳過去的頁面或位置， 如某網(wǎng)頁、書簽等41）超鏈接標(biāo)記及常用屬性屬性描述href指定鏈接路徑（必設(shè)屬性）name定義書簽名稱target指定打開鏈接目標(biāo)文件的窗口title設(shè)置鏈接提示文字

創(chuàng)建超鏈接使用的標(biāo)記為<a>

超鏈接標(biāo)記常用屬性：target屬性值描述_blank在新窗口中打開鏈接文檔_self在同一個幀或窗口中打開鏈接文檔（默認(rèn)屬性）_parent在上一級窗口中打開，一般在框架頁中經(jīng)常使用_top在瀏覽器的整個窗口中打開，忽略任何框架框架窗口名在指定的框架窗口中打開鏈接文檔

鏈接目標(biāo)窗口示例62）超鏈接類型根據(jù)超鏈接的源端點(diǎn)來分，超鏈接可分為：文本鏈接圖像鏈接圖像映射7文本鏈接文本鏈接是指源端點(diǎn)為文本文字的超鏈接基本語法

<ahref=“URL”>鏈接文字</a>8內(nèi)部鏈接內(nèi)部鏈接是指在同一個網(wǎng)站內(nèi)部，不同網(wǎng)頁之間的鏈接關(guān)系9外部鏈接外部鏈接是指跳轉(zhuǎn)到當(dāng)前網(wǎng)站外部，和其他網(wǎng)站中的頁面或其他元素之間的鏈接關(guān)系。服務(wù)URL格式描述WWWhttp://進(jìn)入萬維網(wǎng)站E-Mailmailto:啟動郵件發(fā)送系統(tǒng)ftpftp://進(jìn)入文件傳輸服務(wù)器10<ahref=“mailto:郵址1？Subject=content&cc=郵址2&bcc=郵址3”>鏈接文字</a>參數(shù)描述Subject電子郵件主題cc抄送收件人bcc暗送收件人表5-1郵件參數(shù)啟動郵件發(fā)送系統(tǒng)設(shè)置語法

內(nèi)部和外部超鏈接示例12頁面內(nèi)部鏈接(書簽標(biāo)記)指目標(biāo)端點(diǎn)為網(wǎng)頁中的某個設(shè)置了稱為書簽標(biāo)記的位置的鏈接創(chuàng)建書簽鏈接步驟：創(chuàng)建書簽為書簽制作鏈接

13①建立書簽基本語法

<aname=“書簽名”>[文字/圖片]</a>語法解釋

[文字/圖片]中的“[]”表示文字或圖片可有可無，書簽將在光標(biāo)處建立一個名為“name”屬性值所規(guī)定的書簽。14②建立書簽鏈接基本語法鏈接到同一頁面中的書簽：

<ahref=“#書簽名”>鏈接文字</a>鏈接到其他頁面中的書簽:

<ahref=“file_name#書簽名”>鏈接文字</a>語法解釋

“書簽名”是已定義的書簽名，“file_name”是要跳轉(zhuǎn)到的頁面路徑。書簽鏈接示例15文件下載鏈接要創(chuàng)建文件下載，只要在鏈接地址處輸入文件路徑即可，當(dāng)用戶單擊鏈接后，瀏覽器會自動判斷文件類型，以做出不同情況的處理，如直接打開，或彈出下載對話框供下載16基本語法

<ahref=“File_URL”>鏈接文字</a>文件下載示例<body><p><ahref="takemetoyourheart.mp3">takemetoyourheart.mp3</a></p><p><ahref="clock.avi">clock.avi</a></p><body>17圖像鏈接圖像鏈接是指源端點(diǎn)為圖像文件的超鏈接基本語法

<ahref=“URL”><imgsrc=“filename_img”

…></a>注：默認(rèn)情況下，圖像鏈接會顯示藍(lán)色邊框線，如果不想顯示邊框，應(yīng)設(shè)置圖像的border=018圖像鏈接示例<body><ahref="dreamweaver.htm"target="_blank"><imgsrc="images/cover.gif"border="0"></a></body>19框架的作用，就是把瀏覽器窗口劃分成若干個區(qū)域，每個區(qū)域可以分別顯示不同的網(wǎng)頁。注意：使用框架結(jié)構(gòu)時，HTML文檔中不能出現(xiàn)<body>標(biāo)記對，此時<body>需要由<frameset>代替5.2框架結(jié)構(gòu)20框架集標(biāo)記<frameset>：主要是定義瀏覽器窗口的分割方式、各分割窗口（框架）的大小以及格式化框架邊框框架標(biāo)記<frame>：定義各分割窗口中顯示的內(nèi)容，并能對各分割窗口進(jìn)行格式化1）框架結(jié)構(gòu)組成標(biāo)記212）框架集標(biāo)記<frameset>屬性

屬性值描述bordercolor…以RGB顏色值或顏色英文名設(shè)置所有框架邊框顏色frameborder0/no所有框架都不顯示邊框1/yes所有框架都顯示邊框，默認(rèn)為1framespacingn設(shè)置框架之間的間距rowsn1,n2…使窗口按行的方式分割(上下分割)colsn1,n2…使窗口按列的方式分割(左右分割)表6-1<frameset>常用屬性22框架分割窗口方式用cols將窗口左右（水平）分割

<framesetcols=“n1,n2,……,*”>用rows將窗口上下（垂直）分割

<framesetcols=“n1,n2,……,*>嵌套分割：瀏覽器窗口既存在左右分割，又存在上下分割

<framesetcols="20%,*"><frame><frame></frameset>左右分割示例24<framesetrows="20%,*"><frame><frame></frameset>上下分割示例25<framesetcols="20%,55%,*"><framesetrows="100,*"><frame><frame></frameset><frame><frame></frameset>嵌套分割示例263)框架標(biāo)記<frame>基本語法

<framesetcols=“value,value,……”>

<framesrc=“url”name=“frame_name”><framesrc=“url”name=“frame_name”>

…….</frameset>語法解釋

src屬性用于設(shè)置在框架窗口中顯示的內(nèi)容來自的文件；name屬性用于標(biāo)記框架名稱，以便于其他對象對它的引用，如作為鏈接的一個目標(biāo)窗口

<framesetcols="20%,*"><framesrc="frame_menu.html"name="left"><framesrc="p.htm"name="right"></frameset>frame_menu.html超鏈接代碼如下:<body><p><ahref="p.htm"target="right">Photoshop</a></p><p><ahref="f.htm"target="right">Freehand</a></p><p><ahref="i.htm"target="right">Illustrator</a></p><p><ahref="c.htm"target="right">CorelDraw</a></p></body>普通框架與鏈接示例leftright285)浮動框架<iframe>浮動框架是一種特殊的框架頁面，其作為HTML文檔的一部分，就象圖像一樣出現(xiàn)在HTML文檔中。浮動框架允許將一個HTML文檔插入到另一個HTML文檔內(nèi)部的某個區(qū)域?；菊Z法

<iframesrc=“file_URL”height=“value”width=“value”name=“iframe_name”align=“l(fā)eft|center|right”>浮動框架與鏈接示例305.3多媒體標(biāo)記為增強(qiáng)網(wǎng)頁的功能以及動感，現(xiàn)在的網(wǎng)頁一般都會加入諸如聲音、動畫、視頻等多媒體內(nèi)容。示例常用多媒體標(biāo)記：類型描述marquee設(shè)置文字在頁面中的滾動效果embed在頁面中嵌入MP3、視頻等多媒體內(nèi)容bgsound設(shè)置頁面的背景音樂1)滾動文字設(shè)置基本語法

<marquee>滾動文字</marquee>marquee常用屬性:屬性

屬性值描述directionup設(shè)置文字向上滾動down設(shè)置文字向下滾動left設(shè)置文字向左滾動(默認(rèn)方向）right設(shè)置文字向右滾動behaviorscroll設(shè)置文字循環(huán)往復(fù)滾動（默認(rèn)狀態(tài)）slide設(shè)置文字只進(jìn)行一次滾動alternate設(shè)置文字交替進(jìn)行滾動width,height某個數(shù)值n設(shè)置文字滾動的區(qū)域bgcolor某種顏色設(shè)置文字滾動區(qū)域的背景顏色

滾動文字標(biāo)記示例332)嵌入多媒體內(nèi)容在網(wǎng)頁中可以使用<embed>標(biāo)記嵌入MP3、電影等多媒體內(nèi)容基本語法

<embedsrc=“file_url”></embed>embed標(biāo)記常用屬性：屬性

屬性值描述alignleft|right|center|absbottom|absmiddle|baseline|bottom|texttop|top設(shè)置嵌入式對象在文檔中相對周圍內(nèi)容的位置height某個數(shù)值n以像素為單位定義嵌入式對象的高度width某個數(shù)值n以像素為單位定義嵌入式對象的寬度srcURL指定嵌入式對象的文件路徑autostarttrue|false設(shè)置嵌入式對象何時打開（即是網(wǎng)頁被打開時打開還是在播放按鈕被點(diǎn)擊后才打開looptrue|false設(shè)置嵌入式對象的播放是否循環(huán)不斷name…標(biāo)識對象，以便于其他對象對它的引用<param>定義附加參數(shù)hidden設(shè)置嵌入對象的控制框的可視性3)設(shè)置背景音樂訪問者訪問頁面時自動播放背景音樂基本語法

<bgsoundsrc=“file_url”>bgsound標(biāo)記常用屬性：屬性

屬性值描述srcURL背景音樂文件路徑loopn|infinite取具體的某個數(shù)值以循環(huán)播放一定的次數(shù)后停止播放，或取值為infinite時循環(huán)不斷的播放，默認(rèn)情況下，只播放一次

多媒體標(biāo)記綜合示例36小結(jié)創(chuàng)建超鏈接必須具備的條件是同時存在源端點(diǎn)和目標(biāo)端點(diǎn)在創(chuàng)始超鏈接時經(jīng)常涉及的路徑有兩種：絕對路徑、文件相對路徑通常外部鏈接需要使用絕對路徑，內(nèi)部鏈接一般使用文件相對路徑超鏈接必設(shè)的一個屬性是href通過target屬性，可使用目標(biāo)端點(diǎn)在不同的窗口打開37根據(jù)

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論