如何給自己的網站新增背景音樂

來源:酷知科普網 1.1W

現在的網頁設計越來越普遍,現在小編就來為小夥伴們演示如何在網站新增背景音樂。

工具/材料

Adobe dreamweaver cs6軟體

電腦

操作方法

在桌面新建一個資料夾,任意命名,裡面再新建一個資料夾,取名music(一定要和你儲存的網頁在同一個資料夾內)

如何給自己的網站新增背景音樂
如何給自己的網站新增背景音樂 第2張

開啟你新建的網頁,就是index

如何給自己的網站新增背景音樂 第3張

我為了方便觀看,我設定了背景顏色的,然後輸入程式碼
<audio controls autoplay="autoplay">
<source src="./music/3">(他可以自動播放)

如何給自己的網站新增背景音樂 第4張

點選除錯,或者按F12,出現一個對話方塊,點選允許,就可以了

如何給自己的網站新增背景音樂 第5張

最後成功的圖片模板

如何給自己的網站新增背景音樂 第6張

特別提示

背景音樂有多種樣式,可以迴圈播放,自動播放,點選播放,按照需求來進行編輯程式碼

熱門標籤