網頁上的影音檔案
如同圖片檔案，影片或音樂(音效)檔案與HTML文件的關係是互相連結的，但是影音檔案需要較複雜的播放程式，所以之前的網頁要放上影音檔案必須下載額外的影音播放程式，也就是瀏覽器本身必須外掛程式才能執行，這也讓網頁製作的HTML語法複雜化。最糟的是目前流行的手機上網或平板電腦記憶容量都比較小，不適宜下載太多外掛軟體，要聽看網頁影音資料就會比較困難。
新版的HTML5語言已經克服這個困難，可以如同貼圖片一樣簡單的在網頁上放置影音檔案，至於播放程式會由支援HTML5語言的瀏覽器解決。目前最常見的微軟瀏覽器必須是 IE9 版本才能支援，Google Chrome瀏覽器(或按此下載)也可以由Google網站免費下載使用。有趣的是看起來很需要『程式』支援的這個功能甚至不需要寫 JavaScript 只需HTML標籤就搞定了！
如上程式碼，首先是第一行的 <!DOCTYPE html>這個簡單的版本宣告是HTML5的標準宣告，當然是不是可以正確執行HTML5的程式主要還是要看瀏覽器的功能。
音樂播放標籤是<audio>，controls表示要顯示操作介面(play, pause等等)，autoplay表示網也載入時自動播放，此標籤內部就是放一個音樂檔案標籤，你可以按此下載或隨便放上你自己找到的mp3音樂檔案。在IE與Chrome執行畫面分別如下，還可以調整音量哦！
如果你覺得畫面太單調當然可以在上面加一張圖片等等。
放影片的 video標籤如同圖片的 img標籤，使用 src參數加入影片檔(可以按此下載)，上面還設定了播放的視窗寬與高度，單位當然是像素點，還貼了(poster)一張影片沒有播放時的圖片，以免看起來是個錯誤開天窗的樣子。執行畫面如下：
有關檔案格式：
上面範例中音樂檔案用 mp3 影片檔用 mp4，這是比較通用的格式，其他影音檔案是不是可以播放要看瀏覽器支援的程度，各廠牌都不太一樣，當然建議使用越通用的格式越好，避免有些客戶看得到，有些不行。
舊版音樂播放HTML語法
舊版的HTML要替網頁加入背景音樂時語法如下：
embed是嵌入的意思，src是指定音樂檔，hidden是隱藏，loop就是循環播放。如果將 hidden屬性移除就是一般的有介面音樂播放物件了！如果怕舊版的瀏覽器不能播放mp3可以使用mid或wav檔案就一定沒問題。
將舊版影片播放HTML語法的 hidden屬性移除就是一般的有介面音樂播放物件了！
如果怕舊版的瀏覽器不能播放mp3可以使用mid或wav檔案就一定沒問題。
這是HTML4.01版的語法，差別是如果瀏覽器不支援mp4就會需要下載外掛。
GIF動畫
GIF動畫其實與一般圖檔JPG等圖檔頁的意義相當，直接使用 img標籤貼上即可，但是它是以多畫格的卡通片方式製作，顏色數目也有限制，硬要用GIF作影片檔案大品質差，只適合於製作小型動畫。
Flash動畫
貼入Flash動畫(或程式)的語法比較複雜，一般使用網頁軟體處理比較洽當，下面是一段Flash網頁原始碼的樣貌：
這應該不是正常人會願意手動建立的東西，可以看到裡面還需要連結下載一些軟體才能運作，目前一般認知是使用Flash會耗費太多資源，並不適合於手機或平板電腦上網的趨勢，可能會漸漸淡出市場。