如何在html里面插入图片呢？
直接在html编辑窗口插入相应命令即可在html表格中加入图片，具体操作步骤如下：
1、将html文件和图片放在同一文件夹，例如放在电脑桌面，如下图所示；
2、打开html编辑窗口，对表格进行编辑，完成表格的标签，如下图所示；
3、在单元格“table”里面插入图片的标签，然后在“单元格td”后面插入图片的保存路径即可，如下图所示。
绛旓細绗竴绉嶆柟娉曪細鐢╠reamweaver杞欢鎻掑叆鍥剧墖鎵撳紑dreamweaver杞欢锛岀偣鍑绘彃鍏ワ紝閫夋嫨鍥惧儚锛屽鍥 1銆佸湪绔欑偣鏂囦欢澶逛笅闈㈤夋嫨瑕佹彃鍏ョ殑鍥惧儚锛屾绔欑偣鐩綍鏄闈傚鍥 2銆侀夋嫨纭畾鍚庝細璺冲嚭浠ヤ笅鐨勭晫闈紝缁х画閫夋嫨纭畾锛屽鍥 3銆佽繖鏃跺氨灏嗗浘鍍忔彃鍏ュ埌浜唄tml鏂囦欢涓簡锛屾晥鏋滃涓嬪浘 绗簩绉嶆柟娉曪細鐢ㄤ唬鐮佺紪鍐欏<imgsrc=\"1.PNG\"...
绛旓細鍦℉TML涓彃鍏ュ浘鐗鍏跺疄鐩稿綋鐩存帴锛屼互涓嬫槸璇︾粏鐨勬楠わ細棣栧厛锛屼綘闇瑕佸噯澶囦竴浜涘熀鏈伐鍏凤細涓鍙扮數鑴戙佷竴娆剧綉椤垫祻瑙堝櫒鍜屼竴涓狧TML缂栬緫鍣ㄣ傝繖浜涙槸鏋勫缓鍜屽睍绀哄浘鐗囩殑鍩虹銆傚紑濮嬫搷浣滄椂锛屾墦寮浣犵殑HTML缂栬緫鍣紝鏂板缓涓涓枃浠讹紝姣斿鍛藉悕涓"index.html"锛岀劧鍚庡湪姝ゆ枃浠朵腑寮濮嬬紪鍐欏熀纭鐨凥TML浠ｇ爜缁撴瀯銆傚湪鏋勫缓琛ㄦ牸閮ㄥ垎锛屾壘鍒版爣绛撅紝...
绛旓細鐩稿璺緞锛氬鏋滄槸缃戠珯鐨勮瘽锛屽垯涓轰笅闈㈢殑锛歩mg src=images/tupian.jpeg/>鐩稿璺緞:濡傛灉鏄綉绔欙紝鍒欏涓:灏嗚繖涓html鏂囦欢涓巌mages鏀惧湪鍚屼竴涓洰褰曚腑:灏嗘鍥剧墖涓巋tml鏂囦欢鏀惧湪鍚屼竴涓洰褰曚腑:鏍囩涓紝杈撳叆html浠ｇ爜锛歩mg src="small3.png"/>銆3銆佹祻瑙堝櫒杩愯index.html椤甸潰锛屾鏃娣诲姞鐨勬湰鍦板浘鐗囩殑璺緞鏄浉瀵硅矾寰勩
绛旓細鍦℉TML涓彃鍏ュ浘鐗囩殑鏂规硶鏈夛細鐩存帴鍦╤tml浠ｇ爜涓婃彃鍏ャ佸湪CSS鏍峰紡涓彃鍏ャ佸湪JavaScript涓氳繃缁檌mg璁剧疆src鍊兼潵鎻掑叆鍥剧墖銆乮nnerHTML鎻掑叆img灞炴ф潵鎻掑叆鍥剧墖濡傛灉涓涓〉闈腑浠呮湁鏂囧瓧浼氭樉寰楀緢鍗曡皟锛屾灟鐕ヤ箯鍛筹紝浣嗘槸褰撴垜浠坊鍔犱簡涓浜涘浘鐗囧湪涓婇潰鏃朵細鏄惧緱濂界湅澶氫簡锛屼粖澶╁皢鍚戝ぇ瀹朵粙缁嶅浣曞湪HTML椤甸潰涓婃彃鍏ュ浘鐗囥傘愭帹鑽愯绋嬶細H...
绛旓細HTML涓彃鍏if鏍煎紡鐨勫浘鐗囨湁鍑犵绠鍗曠殑鏂规硶鍙互瀹炵幇锛1銆佺洿鎺ユ彃鍏ワ細<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type...
绛旓細鍦℉TML涓坊鍔鑳屾櫙鍥剧墖锛屽叾瀹炴湁涓ょ甯歌鐨勭瓥鐣ワ細涓鏄娇鐢℉TML鐨勬爣绛撅紝浜屾槸鍊熷姪CSS鐨刡ackground灞炴с傞鍏堬紝鎵撳紑涓涓柊寤虹殑HTML鏂囦欢锛屾垜浠彲浠ラ氳繃鍒涘缓涓や釜div鍏冪礌鏉ュ垎鍒紨绀鸿繖涓ょ鏂规硶:瀵逛簬HTML鏍囩鎻掑叆锛屼綘鍙渶鍦ㄦ爣绛句腑璁剧疆src灞炴э紝灏嗗叾鎸囧悜鍥剧墖鐨勮矾寰勶紝灏辫兘椤哄埄瀹屾垚鍥剧墖鐨勬彃鍏ャ備緥濡傦細鍦–SS鏂归潰锛屼负鍙︿竴涓...
绛旓細闇瑕佸噯澶囩殑鏉愭枡鍒嗗埆鏈夛細鐢佃剳銆佹祻瑙堝櫒銆乭tml缂栬緫鍣ㄣ1銆侀鍏堬紝鎵撳紑html缂栬緫鍣紝鏂板缓html鏂囦欢锛屼緥濡傦細index.html銆2銆佸湪index.html涓鐨<body>鏍囩涓紝杈撳叆html浠ｇ爜锛<img src="small3.png" />銆3銆佹祻瑙堝櫒杩愯index.html椤甸潰锛屾鏃娣诲姞鐨勬湰鍦鍥剧墖鐨勮矾寰勬槸鐩稿璺緞銆
绛旓細1銆侀鍏堜綘鏄氳繃绗簩绉嶆柟寮鎻掑叆鐨勬槸鑳屾櫙鍥剧墖锛岀洿鎺ョ敤width鍜宧eight鍙兘鎺у埗div鐨勫搴﹀拰楂樺害銆2銆佸鏋滀綘鎻掑叆鐨勫浘鐗囨槸閫氳繃<img>鏍囩鐨勬柟寮忔潵鎻掑叆鐨勮瘽锛屽彲浠ラ氳繃<img>鑷韩鐨勫睘鎬ф帶鍒跺浘鐗囧ぇ灏忥紝浠ｇ爜鏍煎紡鏄細<img src="鍥剧墖璺緞" width="鍥剧墖瀹藉害" height="鍥剧墖楂樺害"/>銆3銆佸鏋滈潪瑕侀氳繃css鎺у埗鑳屾櫙鍥剧墖鐨...
绛旓細1銆佸湪浠ｇ爜涓缁忓父鐢ㄥ埌鐨勬彃鍏ュ浘鐗囦唬鐮佹槸img灞炴э紝鏍煎紡灏辨槸src鍚庨潰鏄娣诲姞鍥剧墖鐨勫湴鍧锛屽悗闈㈢殑alt鏄鍥剧墖鐨勬弿杩般2銆鍦ㄦ彃鍏ュ浘鐗鍓嶏紝瑕佸皢html鏂囦欢鍜屽浘鐗囨枃浠舵斁鍦ㄤ竴涓枃浠跺す鍐咃紝杩欓噷鐨刬mg鏂囦欢澶瑰氨鏄笓闂ㄥ瓨鏀惧浘鐗囩殑鍦版柟銆3銆佺劧鍚庡洖鍒颁唬鐮佹爮锛屽湪src涓緭鍏ラ摼鎺ュ湴鍧img/pic_01.jpg锛岃灏嗗浘鐗囩殑鍏蜂綋鍦板潃鍜屽悕绉板叏閮...
绛旓細鍏蜂綋鎿嶄綔姝ラ濡備笅锛1銆佸皢html鏂囦欢鍜屽浘鐗囨斁鍦ㄥ悓涓鏂囦欢澶癸紝渚嬪鏀惧湪鐢佃剳妗岄潰锛屽涓嬪浘鎵绀猴紱2銆佹墦寮html缂栬緫绐楀彛锛屽琛ㄦ牸杩涜缂栬緫锛屽畬鎴愯〃鏍肩殑鏍囩锛屽涓嬪浘鎵绀猴紱3銆佸湪鍗曞厓鏍尖渢able鈥閲岄潰鎻掑叆鍥剧墖鐨勬爣绛撅紝鐒跺悗鍦ㄢ滃崟鍏冩牸td鈥濆悗闈㈡彃鍏ュ浘鐗囩殑淇濆瓨璺緞鍗冲彲锛屽涓嬪浘鎵绀恒
