html怎么添加链接 在HTML中怎么加链接
HTML\u8d85\u94fe\u63a5\u600e\u4e48\u5199HTML\u8d85\u94fe\u63a5\u53ef\u4ee5\u7528a\u6807\u7b7e\u6765\u8bbe\u7f6e\u3002
1\u3001\u65b0\u5efahtml\u6587\u6863\uff0c\u5728body\u6807\u7b7e\u4e2d\u6dfb\u52a0a\u6807\u7b7e\uff0c\u4e3aa\u6807\u7b7e\u6dfb\u52a0\u201chref\u201d\u5c5e\u6027\uff1a
2\u3001\u8bbe\u7f6e\u201chref\u201d\u5c5e\u6027\u7684\u5c5e\u6027\u503c\u4e3a\u201cpage.html\u201d\uff0c\u8fd9\u65f6\u70b9\u51fba\u6807\u7b7e\u4f1a\u8df3\u8f6c\u5230\u201cpage.html\u201d\u9875\u9762\uff1a
3\u3001\u4e3aa\u6807\u7b7e\u8bbe\u7f6e\u201ctarget\u201d\u5c5e\u6027\uff0c\u5c5e\u6027\u503c\u4e3a\u201c_blank\u201d\uff0c\u8fd9\u6837\u201cpage.html\u201d\u4f1a\u5728\u65b0\u6807\u7b7e\u6253\u5f00\uff0c\u8bbe\u7f6e\u4e3a\u201c_self\u201d\u5219\u4f1a\u5728\u81ea\u8eab\u9875\u9762\u6253\u5f00\uff1a
\u3000\u3000HTML \u8d85\u94fe\u63a5\uff08\u94fe\u63a5\uff09
\u3000\u3000\u8d85\u94fe\u63a5\u53ef\u4ee5\u662f\u4e00\u4e2a\u5b57\uff0c\u4e00\u4e2a\u8bcd\uff0c\u6216\u8005\u4e00\u7ec4\u8bcd\uff0c\u4e5f\u53ef\u4ee5\u662f\u4e00\u5e45\u56fe\u50cf\uff0c\u60a8\u53ef\u4ee5\u70b9\u51fb\u8fd9\u4e9b\u5185\u5bb9\u6765\u8df3\u8f6c\u5230\u65b0\u7684\u6587\u6863\u6216\u8005\u5f53\u524d\u6587\u6863\u4e2d\u7684\u67d0\u4e2a\u90e8\u5206\u3002
\u3000\u3000\u5f53\u60a8\u628a\u9f20\u6807\u6307\u9488\u79fb\u52a8\u5230\u7f51\u9875\u4e2d\u7684\u67d0\u4e2a\u94fe\u63a5\u4e0a\u65f6\uff0c\u7bad\u5934\u4f1a\u53d8\u4e3a\u4e00\u53ea\u5c0f\u624b\u3002
\u3000\u3000\u6211\u4eec\u901a\u8fc7\u4f7f\u7528 \u6807\u7b7e\u5728 HTML \u4e2d\u521b\u5efa\u94fe\u63a5\u3002
\u3000\u3000\u6709\u4e24\u79cd\u4f7f\u7528 \u6807\u7b7e\u7684\u65b9\u5f0f\uff1a
\u3000\u3000\u901a\u8fc7\u4f7f\u7528 href \u5c5e\u6027 - \u521b\u5efa\u6307\u5411\u53e6\u4e00\u4e2a\u6587\u6863\u7684\u94fe\u63a5
\u3000\u3000\u901a\u8fc7\u4f7f\u7528 name \u5c5e\u6027 - \u521b\u5efa\u6587\u6863\u5185\u7684\u4e66\u7b7e
\u3000\u3000HTML \u94fe\u63a5\u8bed\u6cd5
\u3000\u3000\u94fe\u63a5\u7684 HTML \u4ee3\u7801\u5f88\u7b80\u5355\u3002\u5b83\u7c7b\u4f3c\u8fd9\u6837\uff1a
\u3000\u3000Link texthref \u5c5e\u6027\u89c4\u5b9a\u94fe\u63a5\u7684\u76ee\u6807\u3002
\u3000\u3000\u5f00\u59cb\u6807\u7b7e\u548c\u7ed3\u675f\u6807\u7b7e\u4e4b\u95f4\u7684\u6587\u5b57\u88ab\u4f5c\u4e3a\u8d85\u7ea7\u94fe\u63a5\u6765\u663e\u793a\u3002
\u3000\u3000\u5b9e\u4f8b\uff1a
\u3000\u3000Visit domain\u4e0a\u9762\u8fd9\u884c\u4ee3\u7801\u663e\u793a\u4e3a\uff1aVisit
domain
\u3000\u3000\u70b9\u51fb\u8fd9\u4e2a\u8d85\u94fe\u63a5\u4f1a\u628a\u7528\u6237\u5e26\u5230 domain\u7684\u9996\u9875\u3002
\u3000\u30003\u3001HTML \u94fe\u63a5 - target \u5c5e\u6027
\u3000\u3000\u4f7f\u7528 Target \u5c5e\u6027\uff0c\u4f60\u53ef\u4ee5\u5b9a\u4e49\u88ab\u94fe\u63a5\u7684\u6587\u6863\u5728\u4f55\u5904\u663e\u793a\u3002
\u3000\u3000\u4e0b\u9762\u7684\u8fd9\u884c\u4f1a\u5728\u65b0\u7a97\u53e3\u6253\u5f00\u6587\u6863\uff1a
\u3000\u3000Visit domain!
\u3000\u30004\u3001HTML \u94fe\u63a5 - name \u5c5e\u6027
\u3000\u3000name \u5c5e\u6027\u89c4\u5b9a\u951a\uff08anchor\uff09\u7684\u540d\u79f0\u3002
\u3000\u3000name \u5c5e\u6027\u7528\u4e8e\u521b\u5efa HTML \u5185\u90e8\u7684\u4e66\u7b7e\u3002
\u3000\u3000\u4e66\u7b7e\u4e0d\u4f1a\u4ee5\u4efb\u4f55\u7279\u6b8a\u65b9\u5f0f\u663e\u793a\uff0c\u5b83\u5bf9\u8bfb\u8005\u662f\u4e0d\u53ef\u89c1\u7684\u3002
\u3000\u3000\u5f53\u4f7f\u7528\u547d\u540d\u951a\uff08named anchors\uff09\u65f6\uff0c\u6211\u4eec\u53ef\u4ee5\u521b\u5efa\u76f4\u63a5\u8df3\u81f3\u9875\u9762\u4e2d\u67d0\u4e2a\u8282\u7684\u94fe\u63a5\uff0c\u8fd9\u6837\u4f7f\u7528\u8005\u5c31\u65e0\u9700\u4e0d\u505c\u7684\u6eda\u52a8\u9875\u9762\u6765\u5bfb\u627e\u4ed6\u4eec\u9700\u8981\u7684\u4fe1\u606f\u3002
\u3000\u3000\u547d\u540d\u951a\u7684\u8bed\u6cd5\uff1a
\u3000\u3000Text to be displayed
几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。
工具/原料
html，dw
步骤/方法
HTML 超链接（链接）
超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。
我们通过使用 <a> 标签在 HTML 中创建链接。
有两种使用 <a> 标签的方式：
通过使用 href 属性 - 创建指向另一个文档的链接
通过使用 name 属性 - 创建文档内的书签
HTML 链接语法
链接的 HTML 代码很简单。它类似这样：
<a href="url">Link text</a>href 属性规定链接的目标。
开始标签和结束标签之间的文字被作为超级链接来显示。
实例
<a href="http://www.w3school.com.cn/">Visit W3School</a>上面这行代码显示为：Visit W3School
点击这个超链接会把用户带到 W3School 的首页。
HTML 链接 - target 属性
使用 Target 属性，你可以定义被链接的文档在何处显示。
下面的这行会在新窗口打开文档：
<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>
HTML 链接 - name 属性
name 属性规定锚（anchor）的名称。
name 属性用于创建 HTML 内部的书签。
书签不会以任何特殊方式显示，它对读者是不可见的。
当使用命名锚（named anchors）时，我们可以创建直接跳至页面中某个节的链接，这样使用者就无需不停的滚动页面来寻找他们需要的信息。
命名锚的语法：
<a name="label">Text to be displayed</a>
END
注意事项
"链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。
锚的名称可以是任何你喜欢的名字。
命名锚经常用于在大型文档开始位置上创建目录。可以为每个章节赋予一个命名锚，然后把链接到这些锚的链接放到文档的上部。如果您经常访问百度百科，您会发现其中几乎每个词条都采用这样的导航方式。
假如浏览器找不到已定义的命名锚，那么就会定位到文档的顶端。不会有错误发生。
两种方法：
1、直接代码
<a href="#">首页</a>
2、DW窗口视图 选中文字，箭头所指处填上【链接地址】，回车即可，代码如1同
<a href=“添加链接的地方”></a>
绛旓細HTML瓒閾炬帴鍙互鐢╝鏍囩鏉ヨ缃1銆佹柊寤html鏂囨。锛屽湪body鏍囩涓娣诲姞a鏍囩锛屼负a鏍囩娣诲姞鈥渉ref鈥濆睘鎬э細2銆佽缃渉ref鈥濆睘鎬х殑灞炴у间负鈥減age.html鈥濓紝杩欐椂鐐瑰嚮a鏍囩浼氳烦杞埌鈥減age.html鈥濋〉闈細3銆佷负a鏍囩璁剧疆鈥渢arget鈥濆睘鎬э紝灞炴у间负鈥淿blank鈥濓紝杩欐牱鈥減age.html鈥濅細鍦ㄦ柊鏍囩鎵撳紑锛岃缃负鈥淿self鈥濆垯...
绛旓細浣跨敤 <a> 鏍囩鐨刪ref 灞炴ц繘琛屽疄鐜帮紱鍐欐硶锛<a href="url">Link text</a>锛涘簲鐢ㄤ娇鐢ㄥ疄渚嬶細<a href="甯屾湜閾炬帴鍒扮殑缃戝潃" target="_blank">鐖哥埜濡堝!</a>锛<a> 鏍囩瀹氫箟瓒呴摼鎺ワ紝鐢ㄤ簬浠庝竴寮犻〉闈㈤摼鎺ュ埌鍙︿竴寮犻〉闈<a> 鍏冪礌鏈閲嶈鐨勫睘鎬ф槸 href 灞炴э紝瀹冩寚绀洪摼鎺ョ殑鐩爣銆
绛旓細1銆侀鍏堜娇鐢ㄨ秴閾炬帴锛岃緭鍏ヤ唬鐮佲渁鈥濄2銆佹帴涓嬫潵闇瑕佽缃厓绱燼锛屾牴鎹笅鍥句腑鐨勪唬鐮佽繘琛岃緭鍏ャ3銆佺劧鍚庨渶瑕佽缃甴ref鍊硷紝涔熷氨鏄渶瑕佽烦杞殑浣嶇疆锛屾牴鎹笅鍥句腑鐨勪唬鐮佽繘琛岃緭鍏ヨ嚜宸辨兂瑕佺殑瓒呴摼鎺ャ4銆佺劧鍚庤繖鏍峰氨瀹屾垚浜嗐傚鍥炬墍绀 5銆佺劧鍚庤缃悗鐨勬晥鏋滃浘 6銆佺劧鍚庣偣鍑绘枃瀛楀氨鍙互璋冨埌鐧惧害椤甸潰浜嗭紝璺宠浆缃戦〉鍥惧涓嬶細...
绛旓細1銆侀鍏堟垜浠厛鏉ョ紪鍐欎竴涓HTML妗嗘灦 2銆佹垜浠潵鍒涘缓涓涓猘鏍囩锛岃繘琛岃秴閾炬帴鐨勫睍绀猴紱3銆佹垜浠帴涓嬫潵涔﹀啓head涔︾锛屽湪鍏朵腑杩涜涔﹀啓鍏朵粬缂栧啓锛4銆佹帴鐫涔﹀啓style鏍囩锛屽湪鍏朵腑涔﹀啓css浠ｇ爜锛5銆佹垜浠埄鐢╝:link 杩涜瀵规湭鐐瑰嚮鐨勮秴閾炬帴杩涜鏍峰紡璁剧疆锛6銆佹帴鐫鍒╃敤a:visited杩涜瀵瑰凡鐐瑰嚮鐨勮秴閾炬帴杩涜璁剧疆锛7銆佹渶鍚庯紝鎴戜滑...
绛旓細1銆侀鍏堟柊寤轰竴涓椤碉紝鐢ㄤ粈涔堣蒋浠跺啓鏃犳墍璋撳晩銆2銆佺劧鍚庡湪body闅忎究鍐欎竴涓厓绱狅紝鎴戝啓涓涓狿鍚 3銆佺劧鍚庡湪閲岄潰鍐欎竴涓猘鏍囩锛岄噷闈㈠啓涓涓猦ref銆愯秴鏂囨湰寮曠敤銆4銆佹帴鐫鍐欎笂浣犵殑闇瑕閾炬帴鐨勯偖绠卞湴鍧 5銆佹祴璇曚竴涓嬶紝鏄偖绠辨墦寮灏辫浜 6銆佸鏋滄兂鍦ㄦ敹浠朵汉鍦板潃鏍忎腑鍚屾椂杈撳叆澶氫釜鐢靛瓙閭欢鍦板潃鏃讹紝閭ｄ箞灏卞彲浠ヤ娇鐢ㄥ舰濡傗...
绛旓細鏈変互涓嬩袱绉嶆柟娉曪細鐩存帴鍦ㄦ寜閽娣诲姞 A鏍囩锛涙垨鑰呭湪鎸夐挳闂存坊鍔 onclick灞炴э紝灏嗘寚鍚閾炬帴銆傛嫇灞曪細1銆佽秴鏂囨湰鏍囪璇█锛屾爣鍑嗛氱敤鏍囪璇█涓嬬殑涓涓簲鐢ㄣ 鈥滆秴鏂囨湰鈥濆氨鏄寚椤甸潰鍐呭彲浠ュ寘鍚浘鐗囥侀摼鎺ワ紝鐢氳嚦闊充箰銆佺▼搴忕瓑闈炴枃瀛楀厓绱犮 瓒呮枃鏈爣璁拌瑷鐨勭粨鏋勫寘鎷滃ご鈥濋儴鍒嗭紙鑻辫锛欻ead锛夈佸拰鈥滀富浣撯濋儴鍒嗭紙鑻辫锛...
绛旓細缁欑綉椤典腑鐨勪竴涓厓绱狅紙濡傦細鍥剧墖锛娣诲姞瓒閾炬帴锛屽彲浠ヨ浣犵偣鍑昏鍏冪礌鐨勫悓鏃讹紝璺宠浆鍒扮浉搴旂殑缃戦〉鎴栧叾浠栥備竴鑸伒鐓т互涓嬫楠わ細1銆侀鍏堬紝鍋氫竴涓櫘閫氱殑缃戦〉锛屽苟涓斿湪缃戦〉涓鎻掑叆涓涓厓绱狅紝浠ュ浘鐗囦负渚嬨備唬鐮佸叆涓:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/...
绛旓細2銆佺劧鍚庡湪涓婃柟璁剧疆涓涓媍ss鐨勬牱寮忥紝缇庡寲涓涓嬭〃鏍硷紝杩欓噷缁html涓涓儗鏅壊锛岀劧鍚庣粰table璁剧疆浜嗚竟妗嗗拰鑳屾櫙鑹诧紝鑷虫浠ｇ爜灏卞畬鎴愪簡锛3銆佹渶鍚庢墦寮娴忚鍣紝鍙互鐪嬪埌鍒氭墠寤虹珛鐨勮〃鏍兼牱寮忥紝鐐瑰嚮閲岄潰鐨閾炬帴锛4銆佹鏃舵祻瑙堝櫒灏变細璺宠浆鍒板垰鍒氳缃ソ鐨勯摼鎺ヤ簡銆備互涓婂氨鏄痟tml缂栧啓鐨勮〃鏍煎唴娣诲姞瓒呯骇閾炬帴鐨勬柟娉曚粙缁嶏細...
绛旓細鍦ㄤ竴涓<a>鏍囩涓鍔犱笂涓涓<img>鏍囩鍐呭锛屽嵆鍙璇<img>鎷ユ湁涓涓秴閾炬帴銆傜劧鍚庡彲浠ュ湪鍚庨潰缁х画鍐欐枃瀛楋紝姝ゆ枃瀛楀氨浼氭樉绀烘垚瓒呴摼鎺ワ紝鐐瑰嚮璇ユ枃瀛楀嵆鍙繘鍏ヨ秴閾炬帴銆備笅闈㈠疄渚嬶細<a href="www.baidu.com"> <img border="0" src="/i/eg_buttonnext.gif" /></a> ...
绛旓細鏈変互涓嬩袱绉嶆柟娉曪細鐩存帴鍦ㄦ寜閽娣诲姞 A鏍囩锛涙垨鑰呭湪鎸夐挳闂存坊鍔 onclick灞炴э紝灏嗘寚鍚閾炬帴銆傛嫇灞曪細1銆佽秴鏂囨湰鏍囪璇█锛屾爣鍑嗛氱敤鏍囪璇█涓嬬殑涓涓簲鐢ㄣ 鈥滆秴鏂囨湰鈥濆氨鏄寚椤甸潰鍐呭彲浠ュ寘鍚浘鐗囥侀摼鎺ワ紝鐢氳嚦闊充箰銆佺▼搴忕瓑闈炴枃瀛楀厓绱犮 瓒呮枃鏈爣璁拌瑷鐨勭粨鏋勫寘鎷滃ご鈥濋儴鍒嗭紙鑻辫锛欻ead锛夈佸拰鈥滀富浣撯濋儴鍒嗭紙鑻辫锛...
