HTML怎么在里面用代码添加背景图片和背景音乐?详细一点的答案 html里怎么插入背景图片？？急
\u5728HTML\u4e2d\u5982\u4f55\u63d2\u5165\u80cc\u666f\u97f3\u4e50\uff1f\u4ee3\u7801:
\u8bf4\u660e\uff08\u4e0b\u9762\u7684\u5c5e\u6027\u90fd\u53ef\u4ee5\u52a0\u5728\u5176\u4e2d\uff09\uff1a
\u3000 SRC="FILENAME"\u2014\u2014 \u8bbe\u5b9a\u97f3\u4e50\u6587\u4ef6\u7684\u8def\u5f84
\u3000 AUTOSTART=TRUE/FALSE\u2014\u2014TRUE\uff1a\u81ea\u52a8\u64ad\u653e\uff0cFALSE\uff1a\u4e0d\u81ea\u52a8\u64ad\u653e\uff0c\u9ed8\u8ba4\u4e3aFALSE
\u3000\u3000 LOOP=TRUE/FALSE\u2014\u2014\u8bbe\u5b9a\u64ad\u653e\u91cd\u590d\u6b21\u6570\uff0cLOOP=N\u8868\u793a\u91cd\u590dN\u6b21\uff0cTRUE\u8868\u793a\u65e0\u9650\u6b21\u64ad\u653e\uff0cFALSE\u64ad\u653e\u4e00\u6b21\u5373\u505c\u6b62\u3002
\u3000\u3000 STARTIME="\u5206:\u79d2"\u2014\u2014\u8bbe\u5b9a\u4e50\u66f2\u7684\u5f00\u59cb\u64ad\u653e\u65f6\u95f4\uff0c\u598220\u79d2\u540e\u64ad\u653e\u5199\u4e3aSTARTIME=00:20
\u3000\u3000 VOLUME=0-100\u2014\u2014\u8bbe\u5b9a\u97f3\u91cf\u7684\u5927\u5c0f\u3002\u5982\u679c\u6ca1\u8bbe\u5b9a\u7684\u8bdd\uff0c\u5c31\u7528\u7cfb\u7edf\u7684\u97f3\u91cf\u3002
\u3000\u3000 WIDTH HEIGHT\u2014\u2014 \u8bbe\u5b9a\u63a7\u5236\u9762\u677f\u7684\u5927\u5c0f
\u3000\u3000 HIDDEN=TRUE\u2014\u2014 \u9690\u85cf\u63a7\u5236\u9762\u677f
1\u3001\u63d2\u5165\u80cc\u666f\u56fe\u7247\u6709\u4e24\u79cd\u65b9\u6cd5\uff0c\u4e00\u79cd\u662f\u7528html\u7684img\u6807\u7b7e\uff0c\u53e6\u4e00\u79cd\u662f\u5229\u7528css\u7684background\u6807\u7b7e\u63d2\u5165\u3002\u5177\u4f53\u64cd\u4f5c\u662f\u9996\u5148\u65b0\u5efa\u4e00\u4e2ahtml\u6587\u4ef6\uff0c\u5199\u5165\u4e24\u4e2adiv\uff0c\u5206\u522b\u7528\u6765\u6f14\u793a\u4e24\u79cd\u65b9\u6cd5\u63d2\u5165\u6807\u7b7e\uff1a
2\u3001\u9996\u5148\u662f\u7528html\u6807\u7b7e\u63d2\u5165\u56fe\u7247\uff0c\u8fd9\u91cc\u76f4\u63a5\u5728img\u6807\u7b7e\u4e2d\u4f7f\u7528src\u5c5e\u6027\u5c31\u53ef\u4ee5\u63d2\u5165\u56fe\u7247\u8def\u5f84\u5c31\u6210\u529f\u4e86\uff1a
3\u3001\u63a5\u7740\u662f\u7528css\u63d2\u5165\uff0c\u5728div\u4e2d\u8bbe\u7f6eclass\u5c5e\u6027\u4e3aimg2\uff0c\u5728script\u6807\u7b7e\u4e2d\u4f7f\u7528background\u6807\u7b7e\u63d2\u5165\uff0c\u5176\u4e2durl\u662f\u6807\u7b7e\u7684\u8def\u5f84\uff0cno-repeat\u662f\u8bbe\u7f6e\u56fe\u7247\u4e0d\u91cd\u590d\uff0ccenter\u662f\u8bbe\u7f6e\u7167\u7247\u5c45\u4e2d\u663e\u793a\uff1a
4\u3001\u6700\u540e\u7ed9\u8fd9\u4e9b\u6807\u7b7e\u90fd\u8bbe\u7f6e\u4e00\u4e9b\u6837\u5f0f\uff0c\u8ba9\u5b83\u4eec\u663e\u5f97\u7f8e\u89c2\u4e00\u4e9b\u3002\u7136\u540e\u6253\u5f00\u6d4f\u89c8\u5668\u67e5\u770b\u6548\u679c\uff1a
5\u3001\u6253\u5f00\u6d4f\u89c8\u5668\uff0c\u53ef\u4ee5\u770b\u5230\u7167\u7247\u90fd\u663e\u793a\u51fa\u6765\u4e86\u3002\u4ee5\u4e0a\u5c31\u662fhtml\u63d2\u5165\u7167\u7247\u7684\u65b9\u6cd5\u4ecb\u7ecd\uff1a
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、将index.html中的<body>标签的代码替换为：
<body style="background: url(image.jpg)">
<audio autoplay loop src="11704.mp3"></audio>
</body>
3、浏览器运行index.html页面，此时发现页面多了背景图片和背景音乐。
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、将index.html中的<body>标签的代码替换为：
<body style="background: url(image.jpg)">
<audio autoplay loop src="11704.mp3"></audio>
</body>
3、浏览器运行index.html页面，此时发现页面多了背景图片和背景音乐。
1.HTML里面用代码添加背景图片
<BODY background="图片路径">
(图片路径:比如图片保存在images文件夹下！images/xxx.jpg)
2HTML里面用代码添加背景音乐
<embed src="背景音乐网址" hidden="true" autostart="true" loop="true">
hidden="true"表示隐藏播放，即不显示播放器的外观，若要想显示，把"true" 替换为"false"即可，这样为默认是最小化播放，若还想具体显示播放器的大小，另加上height="高度值" width="宽度值" 就可以了
autostart="true"表示当前页一载入则自动播放，若不希望播放改为autostart="false"
<body background=“图片地址">
<bgsound src="音乐地址'>
用DW 可视化编辑！！！！方便快捷
绛旓細鍦℉TML涓坊鍔犺儗鏅浘鐗囷紝鍏跺疄鏈変袱绉嶅父瑙佺殑绛栫暐锛氫竴鏄娇鐢℉TML鐨勬爣绛撅紝浜屾槸鍊熷姪CSS鐨刡ackground灞炴銆傞鍏堬紝鎵撳紑涓涓柊寤虹殑HTML鏂囦欢锛屾垜浠彲浠ラ氳繃鍒涘缓涓や釜div鍏冪礌鏉ュ垎鍒紨绀鸿繖涓ょ鏂规硶:瀵逛簬HTML鏍囩鎻掑叆锛屼綘鍙渶鍦ㄦ爣绛句腑璁剧疆src灞炴э紝灏嗗叾鎸囧悜鍥剧墖鐨勮矾寰勶紝灏辫兘椤哄埄瀹屾垚鍥剧墖鐨勬彃鍏ャ備緥濡傦細鍦–SS鏂归潰锛屼负鍙︿竴涓猟...
绛旓細1銆佹墦寮HBuilderX杞欢銆2銆佽繘鍏ュ悗鏂板缓涓涓猦tml鏂囦欢銆3銆佸懡鍚嶄负鑳屾櫙鍥剧墖鐐瑰嚮鍒涘缓銆4銆佺劧鍚庡湪鍚屼竴鏂囦欢澶逛腑鏀惧叆涓寮犺儗鏅浘鐗銆5銆佺劧鍚庡湪head涓紪鍐檚tyle鏍峰紡锛屽鍥炬墍绀恒6銆佹寜ctrl+s淇濆瓨锛岀劧鍚庣偣鍑讳笂鏂硅棰戝浘鏍囷紝閫夋嫨娴忚鍣ㄨ繘琛岃繍琛屽嵆鍙7銆佹晥鏋滃鍥炬墍绀猴紝鏈缃钩閾烘柟寮忕殑鎯呭喌涓洪粯璁ゆ按骞崇珫鐩村钩閾恒8銆佷笉鎯...
绛旓細1銆侀鍏堬紝鎵撳紑html缂栬緫鍣紝鏂板缓html鏂囦欢锛屼緥濡傦細index.html銆2銆佸皢index.html涓鐨<body>鏍囩鐨浠ｇ爜鏇挎崲涓猴細<body style="background: url(image.jpg)"> <audio autoplay loop src="11704.mp3"></audio> </body> 3銆佹祻瑙堝櫒杩愯index.html椤甸潰锛屾鏃跺彂鐜伴〉闈㈠浜嗚儗鏅浘鐗囧拰鑳屾櫙闊充箰銆
绛旓細1銆佹柊寤烘枃浠跺す骞跺皢鍏跺懡鍚嶄负鈥滆〃鏍尖濄2銆佸皢鑳屾櫙鍥炬斁鍏ユ柊寤虹殑鈥濊〃鏍尖滄枃浠跺す閲銆3銆佸湪Dreamweaver CS6涓柊寤轰竴涓猦tml绌虹櫧鏂囨。銆4銆佸皢椤甸潰鍐呭鏀惧叆<body></body>涓5銆佸湪<body鍚庢寜涓涓嬬┖鏍奸敭锛屾壘鍒癰ackground锛屽啀鎸夌┖鏍硷紝鐐瑰嚮鈥滄祻瑙堚濓紝鎵惧埌鑳屾櫙鍥剧殑浣嶇疆銆6銆侀変腑鑳屾櫙鍥撅紝鐐瑰嚮鈥滅‘瀹氣濄7銆佸浘鐗囨彃鍏...
绛旓細1銆佹彃鍏ヨ儗鏅浘鐗囨湁涓ょ鏂规硶锛屼竴绉嶆槸鐢╤tml鐨刬mg鏍囩锛屽彟涓绉嶆槸鍒╃敤css鐨刡ackground鏍囩鎻掑叆銆傚叿浣撴搷浣滄槸棣栧厛鏂板缓涓涓猦tml鏂囦欢锛屽啓鍏ヤ袱涓猟iv锛屽垎鍒敤鏉ユ紨绀轰袱绉嶆柟娉曟彃鍏ユ爣绛撅細2銆侀鍏堟槸鐢╤tml鏍囩鎻掑叆鍥剧墖锛岃繖閲岀洿鎺ュ湪img鏍囩涓娇鐢╯rc灞炴у氨鍙互鎻掑叆鍥剧墖璺緞灏辨垚鍔熶簡锛3銆佹帴鐫鏄敤css鎻掑叆锛屽湪div涓缃甤lass...
绛旓細1銆佹柊寤HTML鏂囨。锛屽湪body鏍囩涓娣诲姞span鏍囩锛岃繖鏃跺瓧浣撶殑榛樿鑳屾櫙棰滆壊涓虹櫧鑹诧細2銆佸湪head鏍囩涓坊鍔爏tyle鏍囩锛屽畾涔変竴涓渂g鈥濈被锛屼负杩欎釜绫昏缃渂ackground鈥濆睘鎬э紝灞炴у间负鑳屾櫙鑹诧細3銆佷负span鏍囩娣诲姞鈥渃lass鈥濆睘鎬э紝灞炴у间负涔嬪墠瀹氫箟鐨勨渂g鈥濈被锛岃繖鏃剁綉椤电殑瀛椾綋鑳屾櫙鑹插氨琚坊鍔犱笂鍘讳簡锛
绛旓細1.棣栧厛鎴戜滑鍦ㄧ數鑴戜笂鎵撳紑Dreamweaver杞欢 2.鍏舵鎴戜滑鐢ㄩ紶鏍囧乏閿偣鍑HTML鎵撳紑 3.鎺ョ潃鍒涘缓HTML锛岀劧鍚庤緭鍏ョ綉椤浠ｇ爜 4.绱ф帴鐫鐢ㄩ紶鏍囧乏閿偣鍑诲伐鍏锋爮涓殑淇敼 5.鐒跺悗鐐瑰嚮淇敼鐣岄潰涓殑鈥滈〉闈㈠睘鎬р濄6.鎺ヤ笅鏉ラ夋嫨鈥滆儗鏅浘鍍忊娣诲姞 7.鏈鍚庣偣鍑讳笂鏂规枃浠朵腑鐨勨滀繚瀛樷8.Dreamweaver鑳屾櫙娣诲姞鎴愬姛 鎬庝箞鍗曠嫭璁句竴椤祑ord...
绛旓細HTML閲岄潰缂栧啓鑳屾櫙鍥剧墖鏂规硶鍩烘湰鍒嗕笁绉嶏細閫氳繃鏍囩鐩存帴璁剧疆<p style="background-image:url(images/a.jpg)">aaaaa</p> 閫氳繃CSS璁剧疆锛歴elect{background-image: url(images/a.jpg)} 閫氳繃js淇敼$(select).css("background-image","url(images/a.jpg)");...
绛旓細浣犵粰涓涓猟iv 娣诲姞鑳屾櫙鍥撅紝涓嶅奖鍝嶅湪杩欎釜div閲岄潰娣诲姞鏂囧瓧鐨勶紝姣斿\x0d\x0a\x0d\x0a .class{width: 200px;height: 200px;background: url("鍥剧墖璺緞") no-repeat;}\x0d\x0a\x0d\x0a\x0d\x0a娉ㄩ噴锛歜ackground: url("鍥剧墖璺緞") no-repeat;\x0d\x0a\x0d\x0arepeat: 骞抽摵...
绛旓細棣栧厛锛岃璁╃綉椤典綔涓鸿儗鏅紝闇瑕佸湪HTML浠ｇ爜涓娣诲姞涓涓儗鏅浘鐗囧睘鎬э紝渚嬪锛<body background="http://www.example.com/image.jpg"> 鐒跺悗锛屽鏋滆灏嗕竴涓綉椤典綔涓鸿儗鏅紝鍙互浣跨敤HTML鐨 iframe 鏍囩锛屽苟璁剧疆鍏朵负閫忔槑锛屼唬鐮佺被浼间簬锛<iframe src="http://www.example.com/page.html" frameborder="0" ...
