大家好，今天是中秋連假的最後一天，體力已經到零了，但還是要努力撰寫，加油!!握拳
它的功能就是顯示出圖片，搭配 src 屬性 來指定圖片的地方，匯入進去。也有其他屬性功能，如下表所顯示：
| 屬性名稱 | 說明 |
|---|---|
| alt | 圖片無法顯示，就會顯示替代文字。 |
| width | 設定圖片寬度。 |
| height | 設定圖片高度。 |
| usemap | 指定給插入圖片的元素。 |
<img src="orange.jpg" alt="我是喵橘" width="300" height="300">
＜figure＞ 元素 顯示帶有文字的說明。 ＜figcaption＞ 元素 輸入文字的說明。
<figure>
<img src="orange.jpg">
<figcaption>喵橘就是我!</figcaption>
</figure>
指定音樂的匯入方法，搭配 src 屬性 來指定音樂的地方。如下表所顯示：
| 屬性名稱 | 說明 |
|---|---|
| preload | 匯入音樂檔的方法。 |
| autoplay | 設定自我播放功能。 |
| loop | 設定循環播放功能。 |
| controls | 顯示控制按鈕。 |
| muted | 剛開始為靜音狀態。 |
<audio src ="orange.mp3" preload ="metadata" controls></audio>
指定影片的匯入方法，搭配 src 屬性 來指定影片的地方。也有其他屬性功能，如下表所顯示：
| 屬性名稱 | 說明 |
|---|---|
| preload | 匯入音樂檔的方法。 |
| autoplay | 設定自我播放功能。 |
| loop | 設定循環播放功能。 |
| controls | 顯示控制按鈕。 |
| muted | 剛開始為靜音狀態。 |
| width | 設定影片寬度。 |
| height | 設定影片高度。 |
<video src ="orange.mp4" controls="controls" width="800" height="600"></video>
指定多種格式的音樂或影片，搭配 src 屬性 來指定影音檔的地方。也有其他屬性功能，如下表所顯示：
| 屬性名稱 | 說明 |
|---|---|
| type | 設定檔案的MIME類型。 |
| media | 設定相關媒體檔案。 |
<audio controls>
<source src="orange.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
在影片檔內嵌入文字。也有其他屬性功能，如下表所顯示：
| 屬性名稱 | 說明 |
|---|---|
| kind | 設定視訊與文字之間的關係。 |
| srclang | 設定文字檔的語言。 |
| label | 設定瀏覽器顯示文字。 |
<video width="800" height="600" controls="controls">
<track kind="subtitles" src="orange.srt" srclang="zh" label="Chinese">
| 標籤 | 說明 |
|---|---|
| ＜img＞ | 匯入圖片。 |
| ＜figure＞ 、 ＜figcaption＞ | 顯示帶有文字的說明。 |
| ＜audio＞ | 匯入音檔。 |
| ＜video＞ | 匯入影音檔。 |
| ＜source＞ | 匯入多媒體檔案。 |
| ＜track＞ | 在影片檔內嵌入文字。 |
| | |
| |
把自我介紹部分，嵌入一個自己的影音檔，來跟大家說聲哈囉吧。
今天是講解多媒體相關語法，明天解說表單部分，謝謝各位的聆聽，我們下次再見。
iThome鐵人賽
看影片追技術