Web程序開發(fā)：第5章 超鏈接和多媒體

1、 第五章 超鏈接和多媒體第5章 超鏈接和多媒體5.1 超鏈接5.2 插入圖片5.3 圖像映射5.4 音頻5.5 視頻5.6 5.1 超鏈接在html中，元素表示超鏈接。默認為行內(nèi)元素語法：元素主體主要屬性：href：指定超鏈接的urltarget：當打開該超鏈接時，指定目標文檔的打開窗口?？梢匀≈担篲blank_self_parent_top自定義名稱5.1.1 絕對路徑絕對路徑指文檔的完整路徑，一般用于網(wǎng)站的外部鏈接，例如：/xxgk/xxjj/index.htm60 首頁 學校概況 學院設置 組織機構5.1.2 相對路徑相對路徑指目標文檔相對于當前文檔的路徑，一般用于網(wǎng)站的內(nèi)部鏈接。 首頁

2、 學校概況5.1.3 根路徑根路徑的使用很簡單，以“/”開頭，后面緊跟文件路徑。網(wǎng)站內(nèi)部的任何文檔都可以從根路徑開始。 首頁 學校概況5.1.4 插入超鏈接 在HTML文件中，需要使用內(nèi)部超鏈接時，插入成對的標記將href屬性的值設置為相對路徑。 需要使用外部超鏈接時，插入成對的標記并將href屬性的值設置為絕對路徑。5.1.5 建立錨 在一個文檔內(nèi)部進行跳轉(zhuǎn)。 這是頂部 跳到頂部跳到底部這是底部5.2 插入圖片，默認為行內(nèi)元素屬性值描述alttext規(guī)定圖像的替代文本。srcURL規(guī)定顯示圖像的 URL。 5.2 插入圖片-續(xù) 未設置對齊方式的圖像： 圖像 在文本中 已設置對齊方式的圖像：

3、圖像 在文本中 圖像 在文本中 圖像 在文本中 請注意，bottom 對齊方式是默認的對齊方式。 圖片作為超鏈接 注：利用css的vertical-align屬性實現(xiàn)圖片和文本在垂直方向的對齊?？梢匀≈祎op、bottom和middle。5.3 圖像映射圖像映射（image-map）指帶有可點擊區(qū)域的一幅圖像。通過元素的usemap屬性把和關聯(lián)起來。 標記定義圖像映射區(qū)域。其shape屬性表示映射區(qū)域形狀， cords屬性表示感應區(qū)域的坐標，href屬性定義區(qū)域的url。 “rect”表示矩形區(qū)域 “circle”表示橢圓形區(qū)域 “poly”表示多邊形區(qū)域5.4 音頻-支持wav、mp3、og

4、g?？梢酝ㄟ^元素指定要播放的音頻文件。具有的屬性如下表。屬性值描述autoplayautoplay如果出現(xiàn)該屬性，則音頻在就緒后馬上播放。controlscontrols如果出現(xiàn)該屬性，則向用戶顯示控件，比如播放按鈕。looploop如果出現(xiàn)該屬性，則每當音頻結束時重新開始播放。mutedmuted規(guī)定視頻輸出應該被靜音。preloadpreload如果出現(xiàn)該屬性，則音頻在頁面加載時進行加載，并預備播放。如果使用 autoplay，則忽略該屬性。srcurl要播放的音頻的 URL。5.4 音頻-（續(xù)）支持wav、mp3、ogg?？梢酝ㄟ^元素指定要播放的音頻文件。 您的瀏覽器不支持 audio

5、元素。 您的瀏覽器不支持audio元素。 5.5 視頻- 定義視頻，比如電影片段或其他視頻流。具有的屬性如下表。屬性值描述autoplayautoplay如果出現(xiàn)該屬性，則視頻在就緒后馬上播放。controlscontrols如果出現(xiàn)該屬性，則向用戶顯示控件，比如播放按鈕。heightpixels設置視頻播放器的高度。looploop如果出現(xiàn)該屬性，則當媒介文件完成播放后再次開始播放。mutedmuted規(guī)定視頻的音頻輸出應該被靜音。posterURL規(guī)定視頻下載時顯示的圖像，或者在用戶點擊播放按鈕前顯示的圖像。preloadpreload如果出現(xiàn)該屬性，則視頻在頁面加載時進行加載，并預備播放。如果使用 autoplay，則忽略該屬性。srcurl要播放的視頻的 URL。widthpixels設置視頻播放器的寬度。5.5 視頻-（續(xù)）支持Ogg、MPEG4、WebM?？梢酝ㄟ^元素指定要播放的文件。 您的瀏覽器不支持 video 元素。 您的瀏覽器不支持video元素。 5.6 定義嵌入的內(nèi)容，比如插件。具有的屬性如下表。