第13章媒體頁面

1、1html標(biāo)準(zhǔn)教程第第1313章章 多媒體頁面多媒體頁面htmlhtml標(biāo)標(biāo)準(zhǔn)準(zhǔn)教教程程本章目標(biāo)：本章目標(biāo)： 滾動文字滾動文字 嵌入多媒體內(nèi)容嵌入多媒體內(nèi)容 背景音樂背景音樂htmlhtml標(biāo)標(biāo)準(zhǔn)準(zhǔn)教教程程 在在html頁面中，可以實現(xiàn)如頁面中，可以實現(xiàn)如字幕字幕一一般的滾動文字效果。在一個排版整齊的般的滾動文字效果。在一個排版整齊的頁面中，添加適當(dāng)?shù)臐L動文字可以使頁頁面中，添加適當(dāng)?shù)臐L動文字可以使頁面顯得更加生動靈活。面顯得更加生動靈活。13.1 滾動文字滾動文字htmlhtml標(biāo)標(biāo)準(zhǔn)準(zhǔn)教教程程1、基本語法：、基本語法： 滾動文字滾動文字2、語法解釋：、語法解釋： 使文字具有滾動效果。使文字

2、具有滾動效果。 3、文件范例：、文件范例：13-1.htm13.1.1 滾動文字標(biāo)記滾動文字標(biāo)記htmlhtml標(biāo)標(biāo)準(zhǔn)準(zhǔn)教教程程1、基本語法：、基本語法： 滾動文字滾動文字 2、語法解釋：、語法解釋： up 向上，向上，down 向下，向下，left 向左，向左，right 向右。向右。 3、文件范例：、文件范例：13-2.htm13.1.2 滾動方向?qū)傩詽L動方向?qū)傩詃irectionhtmlhtml標(biāo)標(biāo)準(zhǔn)準(zhǔn)教教程程1、基本語法：、基本語法： 滾動文字滾動文字 2、語法解釋：、語法解釋： value取值見下表。取值見下表。 3、文件范例：、文件范例：13-3.htm13.1.3 滾動方式屬性滾

3、動方式屬性behaviorhtmlhtml標(biāo)標(biāo)準(zhǔn)準(zhǔn)教教程程滾動方式屬性值滾動方式屬性值屬屬 性值性值描描 述述scroll循環(huán)往復(fù)循環(huán)往復(fù)slide只進(jìn)行一次滾動只進(jìn)行一次滾動alternate交替進(jìn)行滾動交替進(jìn)行滾動htmlhtml標(biāo)標(biāo)準(zhǔn)準(zhǔn)教教程程1、基本語法：、基本語法： 滾動文字滾動文字 2、語法解釋：、語法解釋： 調(diào)整文字滾動的速度。調(diào)整文字滾動的速度。 3、文件范例：、文件范例：13-4.htm13.1.4 滾動速度屬性滾動速度屬性scrollamounthtmlhtml標(biāo)標(biāo)準(zhǔn)準(zhǔn)教教程程1、基本語法：、基本語法： 滾動文字滾動文字 2、語法解釋：、語法解釋： 可以在每一次滾動的間隔產(chǎn)

4、生一段時間的延遲，可以在每一次滾動的間隔產(chǎn)生一段時間的延遲，以毫秒為單位。以毫秒為單位。 3、文件范例：、文件范例：13-5.htm13.1.5 滾動延遲屬性滾動延遲屬性scrolldelayhtmlhtml標(biāo)標(biāo)準(zhǔn)準(zhǔn)教教程程1、基本語法：、基本語法： 滾動文字滾動文字 2、語法解釋：、語法解釋： 調(diào)整文字滾動的循環(huán)次數(shù)。調(diào)整文字滾動的循環(huán)次數(shù)。 3、文件范例：、文件范例：13-6.htm13.1.6 滾動循環(huán)屬性滾動循環(huán)屬性loophtmlhtml標(biāo)標(biāo)準(zhǔn)準(zhǔn)教教程程1、基本語法：、基本語法： 滾動文字滾動文字 2、語法解釋：、語法解釋： 調(diào)整文字滾動的區(qū)域。調(diào)整文字滾動的區(qū)域。 3、文件范例：、

5、文件范例：13-7.htm13.1.7 滾動范圍屬性滾動范圍屬性width,heighthtmlhtml標(biāo)標(biāo)準(zhǔn)準(zhǔn)教教程程1、基本語法：、基本語法： 滾動文字滾動文字 2、語法解釋：、語法解釋： 調(diào)整文字滾動的背景顏色。調(diào)整文字滾動的背景顏色。 3、文件范例：、文件范例：13-8.htm13.1.8 滾動背景顏色屬性滾動背景顏色屬性bgcolorhtmlhtml標(biāo)標(biāo)準(zhǔn)準(zhǔn)教教程程1、基本語法：、基本語法： 滾動文字滾動文字 2、語法解釋：、語法解釋： 調(diào)整文字滾動的水平垂直空間。調(diào)整文字滾動的水平垂直空間。 3、文件范例：、文件范例：13-9.htm13.1.9 滾動空間屬性滾動空間屬性hspac

6、e,vspacehtmlhtml標(biāo)標(biāo)準(zhǔn)準(zhǔn)教教程程marquee屬性總結(jié)屬性總結(jié)屬屬 性值性值描描 述述direction滾動方向滾動方向behavior滾動方式滾動方式scrollamount滾動速度滾動速度scrolldelay滾動延遲滾動延遲loop滾動循環(huán)滾動循環(huán)width、height滾動范圍滾動范圍bgcolor滾動背景顏色滾動背景顏色hspace、vspace滾動水平垂直空間滾動水平垂直空間htmlhtml標(biāo)標(biāo)準(zhǔn)準(zhǔn)教教程程1、基本語法：、基本語法： 2、語法解釋：、語法解釋： hidden用于控制播放面板的顯示和隱藏；用于控制播放面板的顯示和隱藏；autostart用于控制多媒體內(nèi)

7、容是否自動播放；用于控制多媒體內(nèi)容是否自動播放；loop用于控制多媒體內(nèi)容循環(huán)播放。用于控制多媒體內(nèi)容循環(huán)播放。13.2 嵌入多媒體內(nèi)容嵌入多媒體內(nèi)容htmlhtml標(biāo)標(biāo)準(zhǔn)準(zhǔn)教教程程hidden屬性值屬性值屬屬 性值性值描描 述述true隱藏面板隱藏面板no顯示面板顯示面板htmlhtml標(biāo)標(biāo)準(zhǔn)準(zhǔn)教教程程autostart屬性值屬性值屬屬 性值性值描描 述述true自動播放自動播放no不自動播放不自動播放htmlhtml標(biāo)標(biāo)準(zhǔn)準(zhǔn)教教程程loop屬性值屬性值屬屬 性值性值描描 述述true無限次循環(huán)播放無限次循環(huán)播放no僅播放一次僅播放一次htmlhtml標(biāo)標(biāo)準(zhǔn)準(zhǔn)教教程程1、基本語法：、基本語法

8、： 2、語法解釋：、語法解釋： 嵌入嵌入flash動畫。動畫。 3、文件范例：、文件范例：13-10.htm13.2.1 嵌入嵌入flash動畫動畫htmlhtml標(biāo)標(biāo)準(zhǔn)準(zhǔn)教教程程1、基本語法：、基本語法： 2、語法解釋：、語法解釋： 嵌入嵌入mp3音樂。音樂。 3、文件范例：、文件范例：13-11.htm13.2.2 嵌入嵌入mp3音樂音樂htmlhtml標(biāo)標(biāo)準(zhǔn)準(zhǔn)教教程程1、基本語法：、基本語法： 2、語法解釋：、語法解釋： 嵌入嵌入mpg電影。電影。 3、文件范例：、文件范例：13-12.htm13.2.3 嵌入嵌入mpg電影電影htmlhtml標(biāo)標(biāo)準(zhǔn)準(zhǔn)教教程程1、基本語法：、基本語法：

9、2、語法解釋：、語法解釋： 嵌入嵌入avi視頻。視頻。 3、文件范例：、文件范例：13-13.htm13.2.4 嵌入嵌入avi視頻視頻htmlhtml標(biāo)標(biāo)準(zhǔn)準(zhǔn)教教程程 在頁面中還可以嵌入背景音樂，這在頁面中還可以嵌入背景音樂，這種音樂多以種音樂多以midi文件為主。文件為主。13.3 背景音樂背景音樂htmlhtml標(biāo)標(biāo)準(zhǔn)準(zhǔn)教教程程1、基本語法：、基本語法： 2、語法解釋：、語法解釋： 通過這個標(biāo)記可以嵌入多種格式的音樂文件，通過這個標(biāo)記可以嵌入多種格式的音樂文件，最常用的是最常用的是midi格式的文件。格式的文件。3、文件范例：、文件范例：13-14.htm13.3.1 背景音樂標(biāo)記背景音