hbuilder怎么在一块区域插入图片
在HBuilder左侧右键新建一个web项目，将图片拉入，之后点击index.html，在body里面写相应的代码。首先，打开HBuilder，在HBuilder左侧右键新建一个web项目，项目名字可以选用驼峰命名法，将图片拉入img文件夹，之后点击index.html，在body里面写相应的代码，写完代码后保存，点击上方浏览器图标可浏览。
绛旓細鍦HBuilder宸︿晶鍙抽敭鏂板缓涓涓web椤圭洰锛屽皢鍥剧墖鎷夊叆锛屼箣鍚庣偣鍑籭ndex.html锛屽湪body閲岄潰鍐欑浉搴旂殑浠ｇ爜銆傞鍏堬紝鎵撳紑HBuilder锛屽湪HBuilder宸︿晶鍙抽敭鏂板缓涓涓獁eb椤圭洰锛岄」鐩悕瀛楀彲浠ラ夌敤椹煎嘲鍛藉悕娉曪紝灏嗗浘鐗囨媺鍏mg鏂囦欢澶癸紝涔嬪悗鐐瑰嚮index.html锛屽湪body閲岄潰鍐欑浉搴旂殑浠ｇ爜锛屽啓瀹屼唬鐮佸悗淇濆瓨锛岀偣鍑讳笂鏂规祻瑙堝櫒鍥炬爣鍙祻瑙堛
绛旓細鍏蜂綋姝ラ濡備笅锛1. 鎵撳紑HBuilderX杞欢鐣岄潰锛岀偣鍑诲乏涓婅鏂囦欢->鏂板缓->椤圭洰銆2. HBuilderX寮瑰嚭鏂板缓椤圭洰绐楀彛锛岄変腑Wap2App锛屽～鍐欓」鐩悕绉板myapp锛屽～鍐欑綉绔欏湴鍧濡俬ttps://www.2dd.cc/锛岄」鐩墍瀛樺偍鍦板潃鍙互浣跨敤榛樿鍦板潃锛屾渶鍚庣偣鍑讳笅鏂瑰垱寤烘寜閽紝鍗冲彲鏂板缓椤圭洰銆3. 閫変腑宸︿晶鐨刴anifest.json锛岄変腑妯″潡閰嶇疆锛屽彲浠...
绛旓細鏂板缓html鍩烘湰妯℃澘鍚,褰撳墠鍏夋爣澶勪簬title鏍囩鍐,姝ゆ椂鎴戜滑缁橦TML璁剧疆title:hellohbuilder,瀹屾垚鍚庝娇鐢–trl+鍥炶溅鍦ㄥ綋鍓嶇殑涓嬩竴琛屾彃鍏ョ┖琛,骞跺皢鍏夋爣绉诲姩鍒颁笅涓琛 鎴戜滑鍦ㄦ澶勪娇鐢╯c浠ｇ爜鍧楃敓鎴涓涓script鍧楁潵缂栧啓js浠ｇ爜(杈撳叆sc,鍥炶溅)濡備笅鍥 浣跨敤funn浠ｇ爜鍧楃紪鍐欎竴涓狫S鏂规硶helloworld(杈撳叆funn,鍥炶溅)濡備笅鍥 姝ゆ椂鐢熸垚鐨...
绛旓細楂樻晥寮鍙戠绫 鍦HBuilderX涓紝鍙渶鍑犱釜蹇嵎閿紝濡俛lt+9蹇熸彃鍏TML浠ｇ爜鍧楋紝Ctrl+鍥炶溅娣诲姞鏂拌锛孋trl+宸﹂敭瀹炵幇浠ｇ爜璺宠浆銆傛櫤鑳絁S瑙ｆ瀽寮曟搸鑳芥櫤鑳芥彁绀篐TML id銆乼agname鍜孋SS绫诲悕锛宎lt+宸﹂敭鐐瑰嚮鍗冲彲蹇熷畾浣嶃 涓轰簡鎻愬崌鏁堢巼锛孒BuilderX鎻愪緵浜嗚嚜鍔ㄤ繚瀛樺姛鑳斤紝闃叉鎰忓涓㈠け锛屾墜鍔ㄤ繚瀛樺垯鍦ㄧ紪鍐欏悗缂栬瘧銆傚彟澶...
绛旓細Ctrl+Alt+L锛氭牸寮忓寲閫変腑鐨勪唬鐮侊紝瀵归変腑鐨勪唬鐮佽繘琛屾帓鐗堛侰trl+Alt+O锛氫紭鍖栧鍏ワ紝娓呯悊澶氫綑鐨勫鍏ヨ鍙ャ2銆佸鏋滄偍甯屾湜鑷畾涔夊揩鎹烽敭锛屽彲浠ユ寜鐓т互涓嬫楠よ繘琛屾搷浣滐細锛1锛夋墦寮HBuilder锛岀偣鍑昏彍鍗曟爮涓殑鈥滃伐鍏封濋夐」锛岄夋嫨鈥滆嚜瀹氫箟蹇嵎閿濄傦紙2锛夊湪寮瑰嚭鐨勫璇濇涓紝閫夋嫨鎮ㄨ鑷畾涔夌殑鍛戒护銆傦紙3锛夌偣鍑烩滆缃揩鎹...
绛旓細hbuilder灞呬腑浠ｇ爜1銆佸鏋滀綘鎯宠灏嗘枃鏈唴瀹瑰眳涓樉绀猴紝鍙互浣跨敤CSS鏍峰紡鏉ュ疄鐜帮紝杩欏皢浣垮厓绱犲唴鐨勬枃鏈唴瀹规按骞冲眳涓樉绀恒2銆佸鏋滀綘鎯宠灏嗗潡绾у厓绱犲眳涓樉绀猴紝鍙互浣跨敤CSS鏍峰紡鍜孒TML缁撴瀯鏉ュ疄鐜般備竴绉嶅父瑙佺殑鏂规硶鏄娇鐢ㄥ眳涓鍣ㄥ拰澶栬竟璺濓紙margin锛夋潵瀹炵幇姘村钩鍜屽瀭鐩村眳涓3銆佸鏋滀綘鎯宠灏嗚鍐呭厓绱犲眳涓樉绀猴紝鍙互浣跨敤CSS...
绛旓細A:浠ｇ爜鍧楃殑鏄剧ず鍚嶇О鍜屾縺娲诲瓧绗︽槸涓嶅悓鐨,鏌ョ湅婵娲诲瓧绗﹁鍦ㄦ縺娲讳唬鐮佸姪鎵嬪悗閫夋嫨浠ｇ爜鍧,鐪嬪彸杈逛俊鎭爮鐨勮鎯匭:缂栬緫鍣鎬庝箞瀹炵幇鍒嗘爮?A:HBuilder缂栬緫鍣ㄥ垎鏍忓姛鑳藉彲浠ュ疄鐜板乏鍙冲垎鏍忓拰涓婁笅鍒嗘爮浠ュ強缁勫悎鍒嗘爮銆1銆佸乏鍙冲垎鏍忓疄鐜:榧犳爣鐐圭潃缂栬緫鍣ㄩ夐」鍗″線鏈鍙宠竟鎷栧姩鍗冲彲瀹炵幇宸﹀彸鍒嗘爮2銆佷笂涓嬪垎鏍忓疄鐜:榧犳爣鐐圭潃缂栬緫鍣ㄩ夐」鍗″線鏈涓嬭竟鎷栧姩...
绛旓細HBuilder甯哥敤鐨勫揩鎹烽敭锛欰lt + [ 鍖归厤鎷彿 Alt + 鈫撹烦杞埌涓涓涓鍙紪杈戝尯 Ctrl + Alt + j 鍚堝苟涓嬩竴琛 Ctrl + Alt + 鈫愰夋嫨鍔╂墜 Ctrl + 鍥炶溅 鎹㈣ Ctrl + Shift + 鍥炶溅 鍚戜笂鎹㈣ Ctrl + d 鍒犻櫎涓琛 Ctrl + Shift +R 澶嶅埗涓婁竴琛 鍒涘缓HTML缁撴瀯锛 h 8 锛堟暡h婵娲讳唬鐮佸潡鍒楄〃锛屾寜8閫夋嫨绗8...
绛旓細1. 杩愯鈥斺>澶栭儴宸ュ叿鈥斺>澶栭儴宸ュ叿 閰嶇疆 2. 鏂板缓(+)3. 浼氬脊鍑涓涓寮圭獥浠ヤ緵璁剧疆锛岃濉殑鍦版柟宸茬粡鏍囧嚭銆HBuilder Mac鐗鎬庝箞璁剧疆鍐呯疆缁堢(terminal)HBuilder Mac鐗堟庝箞璁剧疆鍐呯疆缁堢(terminal)HBuilder Mac鐗堟庝箞璁剧疆鍐呯疆缁堢(terminal)3 C 銆 缁堢鐨勮缃厤缃 a. 銆愬悕绉般 閭ｉ噷濉粰鏂板缓宸ュ叿璧峰悕瀛椼...
绛旓細Hbuilder涓揩鎹烽敭Shift+Alt+A杩涘叆閫変腑妯″紡锛岀劧鍚庢媺妗嗗氨鍙互澶氳鎿嶄綔銆傦紙鍙彲浠ョ浉閭昏涓璧锋搷浣滐級銆備娇鐢ㄥ畬鍚庤寰椾娇鐢ㄥ揩鎹烽敭閫鍑洪変腑妯″紡銆
