HTML 4.01 快速導覽 - 多媒體

網頁中可以用各式各類的多媒體檔案,包括圖片、影片、音樂、 flash 動畫或 Java 程式。



下例示範網頁中顯示圖片
<html>
<head>
<title>網頁標題</title>
</head>
<body>
object之前
<object data="example.jpg" type="image/jpg" width="500" height="375">
</object>
object之後
</body>
</html>

<!-- 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名:mediaexample01.html
     功能:示範 HTML 4.01 標記語言的使用 
     作者:張凱慶
     時間:西元 2011 年 5 月 -->


利用瀏覽器 (broswer) 開啟,結果如下


<object> 標籤任何媒體檔案均可用,至於圖片通常會用 <img> 標籤。


下例示範網頁中執行 Java Applet 程式
<html>
<head>
<title>網頁標題</title>
</head>
<body>
object之前
<object type="application/x-java-applet" width="300" height="30">
 <param name="code" value="JavaAppletDemo.class">
</object>
object之後
</body>
</html>

<!-- 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名:mediaexample02.html
     功能:示範 HTML 4.01 標記語言的使用 
     作者:張凱慶
     時間:西元 2011 年 5 月 -->


利用瀏覽器 (broswer) 開啟,結果如下


<object> 標籤任何媒體檔案均可用,至於 Java 程式在 HTML 4.01 通常會用 <applet> 標籤。


下例示範網頁中執行 flash 動畫
<html>
<head>
<title>網頁標題</title>
</head>
<body>
object之前
<object type="application/x-shockwave-flash" data="index.swf" width="320" height="320">
</object>
object之後
</body>
</html>

<!-- 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名:mediaexample03.html
     功能:示範 HTML 4.01 標記語言的使用 
     作者:張凱慶
     時間:西元 2011 年 5 月 -->


利用瀏覽器 (broswer) 開啟,結果如下


此例中的 flash 是採用免費軟體 iJoysoft Gallery Studio 製作,可在 http://www.ijoysoft.com/ 下載。


中英文術語對照
行內元素inline element
瀏覽器broswer
屬性attribute


您可以繼續參考



相關目錄
HTML 4.01 快速導覽 - 目錄
HTML, CSS 教材
首頁


參考資料

沒有留言: