網頁原始碼IV 113
網頁原始碼IV 113
Embedded Files
※自雲端硬碟www資料夾下載 1.html、mcjh.png 檔案至D槽。
※開啟 Notepad++，將1.html載入編輯※
◎複習:
在了解了基本的HTML標記後，我們就可以在網頁內輸入文字了。如先前所提的，你在網頁內輸入的文字必須在<body>及</body>間，往後所介紹的標記，除了特殊的語法外，都必須遵照此項規則。
1. <br>換行、<center></center> 置中、<p></p>段落、<font></font>字體
<img src="" width="" height="">插入圖片
<a href="" target=""></a>插入超連結
2. 標籤內可加屬性，如:<font face="" size="" color="">
屬性間要用空白鍵進行區隔。
一、背景聲音 <audio src="檔案名稱及位址"></audio>
＊根據不同的音樂格式採取不同語法＊
(一) HTML5中的插入背景音樂語法
＊ (聲音格式若為.mp3/.wav/.ogg) 所有瀏覽器皆可支援 ＊
1.下載音樂檔(儲存到D：)，檔名aa.mp3。
2.繼續輸入放背景音樂的語法：
<audio src="aa.mp3" autoplay controls loop></audio>
說明：
1. src 代表載入檔案位址，紅色部分是檔名，大小寫不同可能會被視為是不同的檔名。
2. autoplay：自動播放音樂。若不想一載入畫面就撥放，則刪除該語法。
3. controls：顯示音樂控制列。若不想顯示撥放畫面，則刪除該語法。
4. loop：重新播放。若只想撥放一次，則刪除該語法。
◎版權聲明: 本教學用音樂aa.mp3，取自Youtube免費音樂素材。
二、 插入影片: <video src=" "> (video影片)
(一)一般影片插入
＊ (影片格式若為mp4、webm等) 所有瀏覽器皆可支援 ＊
因影片過大，避免塞爆空間，請下載 老師準備檔案 (檔名:mcjh.mp4)
影片的語法如下：
<video src="mcjh.mp4" autoplay controls loop></video><br>
說明：
(1) src代表載入檔案，紅色部分是檔名，大小寫不同可能會被視為是不同的檔名。
(2) autoplay：自動播放音樂。若不想一載入畫面就撥放，則刪除該屬性。
(3) controls：顯示音樂控制列。若不想顯示撥放畫面，則刪除該屬性。
(4) loop：重新播放。若只想撥放一次，則刪除該屬性。
◎思考: 如何改變影片的大小呢? (width height)
(二)Youtube影片插入網頁
1.先去 YOUTUBE 網頁，查詢你喜歡的影片。
2.點選 分享->嵌入->複製網頁原始碼 ，貼上即可看到影片
3.所使用的為 <iframe></iframe> 嵌入頁面 原始碼。
語法說明：
1.調整寬、高 (width=、height=)
2.影片位置 (src=)
3.框架線條 (frameborder="【0~6】")
4.allow的相關參數說明:
(1)accelerometer: 使否允許加速 (2)autoplay:自動撥放
(3)encrypted-media: 影片加密處理 (4)gyroscope: 可否處理VR
(5)allowfullscreen: 使否允許全螢幕dthheight)
二、加入計數器
（一）請先至DRV，複製你的1.html的網站位址。
（三）將產生的原始碼貼在1.html上。
再至DRV開啟網頁，即可看到計數器
★☆進行上傳☆★
1.將你 D 磁碟機中 1.html、mcjh.mp4 檔案上傳雲端硬碟 www 資料夾中。
2.進入第三方伺服器DRV，點擊連結，重整檔案(Ctrl+F5)。
3.複製連結並上傳連結至作業繳交區。
Page updated
Report abuse