html閾炬帴绠€浠嬬敱浜庣柅鎯呭奖鍝嶏紝瀛︽牎鐨勬湡鏈€冭瘯閮芥彁鍓嶄簡锛屾瘡澶╃殑鏃堕棿閮藉緢绱у紶锛屽ソ澶氶兘瑕佸涔狆煒紝鎵€浠ュ涔犺繖绉嶈澶栫殑鐭ヨ瘑鐨勬椂闂翠篃灏变細寰堥毦瀹夋帓浜嗭紝浣嗘槸鎴戜竴瀹氫細鍧氭寔鐨勶紝鍔犳补鍟娿€傜幇鍦ㄥ紑濮嬪啓鐭ヨ瘑鐐癸紝寰堝椤甸潰缃戦〉閮界敱寰堝瓒呴摼鎺ワ紝鏄竴涓潪甯稿熀鏈殑鍏冪礌锛岃交杞讳竴鐐瑰氨鍙互璺宠浆鍒板叾浠栭〉闈€傝秴閾炬帴锛坔yperlink锛夛紝瀹冨彲浠ヨ鎴戜滑鍦ㄥ悇涓嫭绔嬬殑椤甸潰闂存柟渚跨殑璺宠浆html鏍囩璇硶锛?lt;a href="url">閾炬帴鏂囨湰</a>href鍙兘鏈夌偣闅剧悊瑙ｏ紝鍏跺疄鏄痟ypertext reference鐨勭缉鍐欒秴閾炬帴鏈変袱绉嶅舰寮忥細鍥剧墖瓒呴摼鎺ャ€佹枃鏈秴閾炬帴锛涘浘鐗囪秴閾炬帴锛?lt;!DOCTYPE html><html><head> <meta charset="utf-8"> <title>html鍥剧墖瓒呴摼鎺?lt;/title></head><body> <a href="http://www.baidu.com"><img src="./HTML.png"></a></body></html>瀹炵幇鏁堟灉锛氱偣鍑诲浘鐗囦箣鍚庡皢璺宠浆鍒扮櫨搴﹂椤点€傛枃鏈秴閾炬帴锛?lt;!DOCTYPE html><html><head> <meta charset="utf-8"> <title>html鍥剧墖瓒呴摼鎺?lt;/title></head><body> <a href="http://www.baidu.com">鐧惧害棣栭〉</a></body></html>瀹炵幇鏁堟灉锛歵arget灞炴€ч粯璁ょ殑鏃跺€欙紝閾炬帴閮芥槸鍦ㄦ湰绐楀彛鎵撳紑銆傞€氳繃target灞炴€э紝鍙互鍘讳慨鏀规墦寮€鐨勬柟寮忥紝<a href="閾炬帴鍦板潃" target="鎵撳紑鏂瑰紡"></a>target灞炴€х殑鍙栧€兼湁鍥涚锛氬睘鎬у€艰鏄巁self榛樿鍊硷紝鍦ㄥ師鏉ョ獥鍙ｆ墦寮€閾炬帴_blank鍦ㄦ柊绐楀彛鎵撳紑閾炬帴_parent鍦ㄧ埗绐楀彛鎵撳紑閾炬帴_top鍦ㄩ《灞傜獥鍙ｆ墦寮€瓒呴摼鎺ョず渚嬶細<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>html鍥剧墖瓒呴摼鎺?lt;/title></head><body> <a href="http://www.baidu.com">鐧惧害棣栭〉</a> <br/> <a href="http://www.baidu.com" target="_self">榛樿鍊硷紝鍦ㄥ師鏉ョ獥鍙ｆ墦寮€閾炬帴</a> <br/> <a href="http://www.baidu.com" target="_blank">鍦ㄦ柊绐楀彛鎵撳紑閾炬帴</a> <br/> <a href="http://www.baidu.com" target="_parent">鍦ㄧ埗绐楀彛鎵撳紑閾炬帴</a> <br/> <a href="http://www.baidu.com" target="_top">鍦ㄩ《灞傜獥鍙ｆ墦寮€瓒呴摼鎺?lt;/a></body></html>鍦ㄨ繖閲屽洓涓睘鎬т腑锛屾垜浠帉鎻blank灏卞彲浠ヤ簡銆俬tml鍐呴儴閾炬帴鍦℉TML涓紝瓒呴摼鎺ユ湁涓ょ锛氫竴绉嶆槸澶栭儴閾炬帴锛涘彟澶栦竴绉嶆槸鍐呴儴閾炬帴銆傚閮ㄩ摼鎺ユ寚鍚戠殑鏄€滃閮ㄧ綉绔欑殑椤甸潰鈥濓紝鑰屽唴閮ㄩ摼鎺ユ寚鍚戠殑鏄€滆嚜韬綉绔欑殑椤甸潰鈥濓紝灏辨槸鑷繁鍐欑殑缃戠珯鐨勯摼鎺ャ€?lt;!DOCTYPE html><html><head> <meta charset="utf-8"> <title>html鍥剧墖瓒呴摼鎺?lt;/title></head><body> <a href="http://www.baidu.com">鐧惧害棣栭〉</a> <br/> <a href="http://www.baidu.com" target="_self">榛樿鍊硷紝鍦ㄥ師鏉ョ獥鍙ｆ墦寮€閾炬帴</a> <br/> <a href="http://www.baidu.com" target="_blank">鍦ㄦ柊绐楀彛鎵撳紑閾炬帴</a> <br/> <a href="http://www.baidu.com" target="_parent">鍦ㄧ埗绐楀彛鎵撳紑閾炬帴</a> <br/> <a href="http://www.baidu.com" target="_top">鍦ㄩ《灞傜獥鍙ｆ墦寮€瓒呴摼鎺?lt;/a> <br> <a href="./page1.html">椤甸潰涓€</a></body></html><!DOCTYPE html><html><head> <meta charset="utf-8"> <title>椤甸潰1</title></head><body> <p>杩欓噷鏄〉闈?</p></body></html>鎰忔€濆氨鏄烦杞埌鑷繁鏂囦欢澶逛笅闈㈢殑html缃戦〉閿氱偣閾炬帴杩欑閾炬帴鏄湪褰撳墠椤甸潰鐨勬粴鍔ㄧ殑涓€绉嶄竴绉嶉摼鎺ワ紝鍦ㄥ綋鍓嶉〉闈㈣繃闀挎椂锛岀偣鍑昏閾炬帴灏卞彲浠ヨ烦杞埌鑷繁鎯宠鐪嬬殑閮ㄥ垎锛岃€屼笉闇€瑕佹參鎱㈡粦鍔ㄣ€傜ず渚嬩竴銆佷娇鐢╠iv鐨刬d灞炴€у畾浣嶏紝鍙互瀵逛换浣曟爣绛炬潵瀹氫綅銆?lt;!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title></head><body> <div> <a href="#language">鎺ㄨ崘璇█</a><br /> <a href="#book">鎺ㄨ崘濂界殑涔︾睄</a><br /> <a href="#movie">鎺ㄨ崘鐨勫ソ鐪嬬殑鐢靛奖</a><br /> </div> 鈥︹€?lt;br /> 鈥︹€?lt;br /> 鈥︹€?lt;br /> 鈥︹€?lt;br /> 鈥︹€?lt;br /> 鈥︹€?lt;br /> 鈥︹€?lt;br /> 鈥︹€?lt;br /> <div id="language"> <h3>鎺ㄨ崘璇█</h3> <ul> <li>c++</li> <li>Java</li> <li>Python</li> </ul> </div> 鈥︹€?lt;br /> 鈥︹€?lt;br /> 鈥︹€?lt;br /> 鈥︹€?lt;br /> 鈥︹€?lt;br /> 鈥︹€?lt;br /> 鈥︹€?lt;br /> 鈥︹€?lt;br /> <div id="book"> <h3>鎺ㄨ崘濂界殑涔︾睄</h3> <ul> <li>椴佽繀-闃縌姝ｄ紶</li> <li>骞冲嚒鐨勪笘鐣?lt;/li> <li>鏄庢湞閭ｄ簺浜?lt;/li> </ul> </div> 鈥︹€?lt;br /> 鈥︹€?lt;br /> 鈥︹€?lt;br /> 鈥︹€?lt;br /> 鈥︹€?lt;br /> 鈥︹€?lt;br /> 鈥︹€?lt;br /> 鈥︹€?lt;br /> <div id="movie"> <h3>鎺ㄨ崘鐨勫ソ鐨勭數褰?lt;/h3> <ul> <li>铚樿洓渚犵郴鍒?lt;/li> <li>閽㈤搧渚犵郴缁?lt;/li> <li>澶嶄粐鑰呰仈鐩?lt;/li> </ul> </div> <a href="#top">鍥炲埌椤堕儴</a></body></html>瀹炵幇鏁堟灉锛氭垜杩欓噷璇存槑鍑犵偣瑕佹敞鎰忕殑鍦版柟锛屽啓閿氱偣閾炬帴鐨勬椂鍊欙紝href鍚庨潰鐨勯摼鎺ワ紝鍦ㄥ墠闈㈣鍔犱笂鈥?鈥濓紝琛ㄧず瀹冩槸閿氱偣閾炬帴銆傛瘡娆＄偣鍑婚敋鐐归摼鎺ワ紝娉ㄦ剰鐪嬫祻瑙堝櫒涓婃柟鐨勫湴鍧€锛屼細鍙戠敓鏀瑰彉銆傚綋鎴戠偣鍑烩€滃ソ鐪嬬殑鎺ㄨ崘鐨勫ソ鐪嬬殑鐢靛奖鈥濇爣绛炬椂锛屽湴鍧€鍙樺寲涓猴細鍘熸潵鐨勫湴鍧€鏄細
