大家好，今天是中秋連假的最後一天，體力已經到零了，但還是要努力撰寫，加油!!握拳

多媒體相關語法

＜img＞ 標籤

它的功能就是顯示出圖片，搭配 src 屬性 來指定圖片的地方，匯入進去。也有其他屬性功能，如下表所顯示：

<img src="orange.jpg" alt="我是喵橘" width="300" height="300">

＜figure＞ 、 ＜figcaption＞ 標籤

＜figure＞ 元素 顯示帶有文字的說明。 ＜figcaption＞ 元素 輸入文字的說明。

<figure>
<img src="orange.jpg">
<figcaption>喵橘就是我!</figcaption>
</figure>

＜audio＞ 標籤

指定音樂的匯入方法，搭配 src 屬性 來指定音樂的地方。如下表所顯示：

<audio src ="orange.mp3" preload ="metadata" controls></audio>

＜video＞ 標籤

指定影片的匯入方法，搭配 src 屬性 來指定影片的地方。也有其他屬性功能，如下表所顯示：

<video src ="orange.mp4" controls="controls" width="800" height="600"></video>

＜source＞ 標籤

指定多種格式的音樂或影片，搭配 src 屬性 來指定影音檔的地方。也有其他屬性功能，如下表所顯示：

<audio controls>
<source src="orange.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

＜track＞ 標籤

在影片檔內嵌入文字。也有其他屬性功能，如下表所顯示：

<video width="800" height="600" controls="controls">
<track kind="subtitles" src="orange.srt" srclang="zh" label="Chinese">

重點整理

​

小測試

​
把自我介紹部分，嵌入一個自己的影音檔，來跟大家說聲哈囉吧。
​
​

明天預告

​
今天是講解多媒體相關語法，明天解說表單部分，謝謝各位的聆聽，我們下次再見。
​