HTML的多媒体【荐】.pdfVIP

8 HTML的多媒體 效果 跑馬燈文字 背景音樂 插入電影短片 2 HTML與 CSS 網頁設計範例教本 8-1 跑馬燈文字跑馬燈文字 跑馬燈文字跑馬燈文字 當我們有機會在街上壓馬路 ，不知是否注意到街頭林立的電腦字 幕，字幕上滑動的文字提供宣傳和促銷的廣告文案 ，通常成為街道上眾 人注目的焦點，在HTML 文件也提供相同功能的跑馬燈文字效果 。 8-1-1 跑馬燈文字標籤跑馬燈文字標籤marquee 跑馬燈文字標籤跑馬燈文字標籤 跑馬燈文字效果的HTML 標籤屬於 Internet Explorer 瀏覽程式的擴 充標籤 ，它可以定義一段文字，在視窗顯示捲動顯示文字的內容。 基本語法 marquee跑馬燈文字內容/marquee 跑馬燈文字內容就是需要捲動顯示的文字內容 。 HTML文件 ：Ch8-1-1.htm 在HTML 文件插入一段跑馬燈文字 。 01: !-- HTML 文件 ：Ch8-1-1.htm -- 02: html 03: head 04: title插入跑馬燈文字/title 05: /head 06: body 07: marquee歡迎進入我的網站/marquee 08: /body 09: /html 文件說明 第7 列：插入的跑馬燈文字 。 顯示結果 第8 章 HTML 的多媒體效果 3 在上述圖例可以看到有一列捲動文字 ，從視窗的右邊移動到左邊。 8-1-2 跑馬燈文字的背景色彩跑馬燈文字的背景色彩屬性屬性bgcolor 跑馬燈文字的背景色彩跑馬燈文字的背景色彩屬性屬性 跑馬燈文字預設並沒有背景色彩 ，只是一段會捲動的文字內容，我 們並不容易看出其文字的範圍，我們可以設定跑馬燈文字的背景色彩， 同時清楚可以看到文字的範圍。 基本語法 marquee bgcolor=#??????跑馬燈文字內容/marquee 跑馬燈文字的背景色彩可以使用色彩名稱或十六進位碼 。 HTML文件 ：Ch8-1-2.htm 在HTML 文件替跑馬燈文字加上黃色的背景色彩 。 01: !-- HTML 文件 ：Ch8-1-2.htm -- 02: html 03: head 04: title跑馬燈文字的背景色彩/title 05: /head 06: body 07: marquee bgcolor=yellow 08: 歡迎進入我的網站/marquee 4 HTML與 CSS 網頁設計範例教本 09: /body 10: /html 文件說明 第7~8 列：設定跑馬燈文字的背景色彩為黃色 。 顯示結果 上述圖例可以看到黃色背景色彩的跑馬燈文字 ，同時也可以清楚看 出跑馬燈文字顯示的範圍 。 8-1-3 跑馬燈文字尺寸屬性跑馬燈文字尺寸屬性width 、、height 跑馬燈文字尺寸屬性跑馬燈文字尺寸屬性 、、 如果覺的跑馬燈文字的範圍太小 ，在此並不是指文字尺寸，我們可 以使用width 和height 屬性來調整跑馬燈文字的尺寸範圍。 基本語法 marquee height=value_percent width=value_percent跑馬燈文字內容 /marquee value_percent 可以使用點數或百分比 。 第8 章 HTML 的多媒體效果 5 HTML文件 ：Ch8-1-3.htm 在HTML 文件調整跑馬燈文字的範圍 。 01: !-- HTML 文件 ：Ch8-1-3.htm -- 02: html 03: head 04: title跑馬燈文字