怎么在html内添加图片？
代码是“”。
1、新建html文件，在body标签中添加img标签，img标签在html中没有结束标签，所以不需要添加“”代码。给img标签添加属性“src”，属性值填自己想要添加图片的地址，这里以同一目录下的1.png为例，这样图片就添加好了:
2、为了防止用户浏览网页时图片加载失败而不知道这边是什么内容，可以给img标签添加“alt”属性，属性值填想要显示的内容，这里以“鹦鹉”为例，此时，当图片加载失败时，“鹦鹉”两个字就会显示出来：
3、img插入的图片大小默认是图片自身的大小，我们可以用“width”属性和“height”属性控制图片大小，这里以宽度200和高度200为例，此时代码就是“width='200'height='200'”，这样图片大小就会变成200*200：
绛旓細绗竴绉嶆柟娉曪細鐢╠reamweaver杞欢鎻掑叆鍥剧墖鎵撳紑dreamweaver杞欢锛岀偣鍑绘彃鍏ワ紝閫夋嫨鍥惧儚锛屽鍥 1銆佸湪绔欑偣鏂囦欢澶逛笅闈㈤夋嫨瑕佹彃鍏ョ殑鍥惧儚锛屾绔欑偣鐩綍鏄闈傚鍥 2銆侀夋嫨纭畾鍚庝細璺冲嚭浠ヤ笅鐨勭晫闈紝缁х画閫夋嫨纭畾锛屽鍥 3銆佽繖鏃跺氨灏嗗浘鍍忔彃鍏ュ埌浜唄tml鏂囦欢涓簡锛屾晥鏋滃涓嬪浘 绗簩绉嶆柟娉曪細鐢ㄤ唬鐮佺紪鍐欏<imgsrc=\"1.PNG\"...
绛旓細1銆侀鍏堬紝鎵撳紑html缂栬緫鍣紝鏂板缓html鏂囦欢锛屼緥濡傦細index.html銆2銆佸湪index.html涓鐨<body>鏍囩涓紝杈撳叆html浠ｇ爜锛<form style="background-image: url(small3.png)"><input type="text"></form> 3銆佹祻瑙堝櫒杩愯index.html椤甸潰锛屾鏃舵垚鍔鍦╤tml鐨勮〃鍗涓坊鍔浜嗚儗鏅鍥剧墖銆
绛旓細1銆佺偣鍑绘墦寮html缂栬緫鍣╯ublime_text锛岃缁嗗涓嬪浘 2銆佸垱寤轰竴涓猦tml鏂囦欢锛岀劧鍚庛愬垱寤轰竴涓猧mg鏍囩銆戯紝璇︾粏濡備笅鍥 3銆佸垱寤篿mg鏍囩浠ュ悗锛屾垜浠粰img鏍囩鐨勫睘鎬с恠rc娣诲姞涓寮犲浘鐗囩殑鍦板潃銆戯紝璇︾粏濡備笅鍥 4銆佹妸html鏂囦欢鎷栧埌娴忚鍣ㄤ腑锛岀劧鍚庡氨鍙互鏌ョ湅鍔犲叆鍥剧墖鐨勬晥鏋滀簡锛岃缁嗗涓嬪浘銆
绛旓細绗竴涓:缁檆ss鏂囦欢娣诲姞鑳屾櫙鍥剧墖:浣跨敤url(../images/鑳屾櫙鍥剧墖2.jpg)鍦╟ss涓锛岀敱浜巋tml鏂囦欢鍜宑ss鏂囦欢鐨勭浉瀵逛綅缃笉鍚岋紝鍐呰仈css鍜屽鍏ss涓紩鍏ュ浘鐗囩殑璺緞浼氭湁鎵涓嶅悓銆傚鍥炬墍绀:绗簩:浠嬬粛:濡傚浘鎵绀:绗笁绉:鍦╠iv涓坊鍔犲浘鐗囥俰mg src=../images/鑳屾櫙鍥1.jpgalt=style=width:100%;height:100%>韬珮:10...
绛旓細鍏堟鏌ヤ竴涓嬪浘鐗囩殑璺緞锛岀湅鐪嬫槸涓嶆槸鏈夐棶棰橈紵鐒跺悗浣犵敤index鍏抽敭瀛楀皢鍏惰缃负1濡傛灉杩樹笉琛岀殑璇锛屼綘鐪嬩竴涓嬫槸涓嶆槸鏈夊埆鐨刾鎶婁粬鎸′綇浜嗭紵HTML缃戦〉璺緞鎵句笉鍒版垨涓嶆纭紵浣犳槸鍐欓〉闈㈠惂锛屽湪dw涓紪鍐欓〉闈唬鐮侊紝褰撳垱寤轰竴涓柊椤甸潰浠ュ悗闇瑕佽寰楀厛瀛樺偍杩欎釜椤甸潰鐒跺悗鍐嶇紪杈戯紝鍚﹀垯濡傛灉娌℃湁鍏堜繚瀛樼殑璇濋摼鎺ョ殑鍥剧墖鎴栬呭叾浠...
绛旓細html娣诲姞鍥剧墖鐨勬柟娉曪細棣栧厛鎵撳紑缂栬緫鍣紝鏂板缓img鏍囩锛涚劧鍚庣粰img鏍囩鐨勫睘鎬с恠rc娣诲姞涓寮犲浘鐗囩殑鍦板潃銆戯紱鏈鍚庢妸html鏂囦欢鎷栧埌娴忚鍣ㄤ腑鍗冲彲銆傚叿浣撳涓嬶細鐐瑰嚮鎵撳紑html缂栬緫鍣╯ublime_text.鎴戜滑鍒涘缓涓涓猦tml鏂囦欢锛岀劧鍚庛愬垱寤轰竴涓猧mg鏍囩銆戙傚垱寤篿mg鏍囩浠ュ悗锛屾垜浠粰img鏍囩鐨勫睘鎬с恠rc娣诲姞涓寮犲浘鐗囩殑鍦板潃銆戙傛垜浠妸...
绛旓細<title>HTML涓彃鍏gif鏍煎紡鐨鍥剧墖</title> </head> <body> <div style="background:url(name.gif) center no-repeat; width:100%; height:375px; margin:0 auto;"></div> </body> </html> 灏忔彁绀 纭繚鍥剧墖鐨刄RL鍦板潃涓寘鍚浘鐗囨枃浠剁殑鏍煎紡锛堝.jpg銆.gif绛夌瓑锛夈傚湪鐢佃剳涓婁繚鐣欏浘鐗囩殑澶囦唤鏂囦欢...
绛旓細1銆侀鍏堬紝鎵撳紑html缂栬緫鍣紝鏂板缓html鏂囦欢锛屼緥濡傦細index.html锛岀紪鍐欓棶棰樺熀纭浠ｇ爜銆2銆佸湪index.html涓鐨<script>鏍囩锛岃緭鍏s浠ｇ爜锛歠unction fun() { var a = Math.random() * 5;('img').attr('src', 'image' + a + '.jpg');} 3銆佹祻瑙堝櫒杩愯index.html椤甸潰锛屾鏃剁偣鍑鍥剧墖浼氭崲涓寮犲浘鐗囥
绛旓細鍦℉TML鐨勪笘鐣岄噷锛鍥惧儚鐨勫憟鐜版槸濡備綍閫氳繃浠ｇ爜寰椾互瀹炵幇鐨勫憿锛熺瓟妗堝氨钘忓湪閭ｇ湅浼肩畝鍗曠殑<img>鏍囩涓</ 杩欎釜鏍囪鏄HTML涓鐨勯瓟鏈笀锛屼笓闂ㄨ礋璐ｄ负浣犵殑缃戦〉澧炴坊鐢熷姩鐨勮瑙夊厓绱犮傝璁鍥剧墖缈╃咯璧疯垶锛屽彧闇閬靛惊浠ヤ笅浼橀泤鐨勮娉:<img src="鍥剧墖鐨勫畬鏁碪RL" alt="鍥剧墖鍔犺浇澶辫触鏃舵樉绀虹殑鏂囧瓧鎻忚堪"></ 鍏朵腑锛宻rc</灞炴...
绛旓細鍦℉TML涓坊鍔鑳屾櫙鍥剧墖锛屽叾瀹炴湁涓ょ甯歌鐨勭瓥鐣ワ細涓鏄娇鐢℉TML鐨勬爣绛撅紝浜屾槸鍊熷姪CSS鐨刡ackground灞炴с傞鍏堬紝鎵撳紑涓涓柊寤虹殑HTML鏂囦欢锛屾垜浠彲浠ラ氳繃鍒涘缓涓や釜div鍏冪礌鏉ュ垎鍒紨绀鸿繖涓ょ鏂规硶:瀵逛簬HTML鏍囩鎻掑叆锛屼綘鍙渶鍦ㄦ爣绛句腑璁剧疆src灞炴э紝灏嗗叾鎸囧悜鍥剧墖鐨勮矾寰勶紝灏辫兘椤哄埄瀹屾垚鍥剧墖鐨勬彃鍏ャ備緥濡傦細鍦–SS鏂归潰锛屼负鍙︿竴涓...
