HTML <a> href 属性

ਕੋਰਸ ਸਾਲਡਰ

مراجع دستور

HTML ਟੈਗ

</a></li> <li><a href="/pa/tags/tag_img.html" title="HTML <img> ਟੈਗ"><img></a></li> <li><a href="/pa/tags/tag_input.html" title="HTML <input> ਟੈਗ"><input></a></li> <li><a href="/pa/tags/tag_ins.html" title="HTML <ins> ਟੈਗ"><ins></a></li> <li><a href="/pa/tags/tag_kbd.html" title="HTML <kbd> ਟੈਗ"><kbd></a></li> <li><a href="/pa/tags/tag_label.html" title="HTML <label> ਟੈਗ"><label></a></li> <li><a href="/pa/tags/tag_legend.html" title="HTML <legend> ਟੈਗ"><legend></a></li> <li><a href="/pa/tags/tag_li.html" title="HTML <li> ਟੈਗ"><li></a></li> <li><a href="/pa/tags/tag_link.html" title="HTML <link> ਟੈਗ"><link></a></li> <li><a href="/pa/tags/tag_main.html" title="HTML <main> ਟੈਗ"><main></a></li> <li><a href="/pa/tags/tag_map.html" title="HTML <map> ਟੈਗ"><map></a></li> <li><a href="/pa/tags/tag_mark.html" title="HTML <mark> ਟੈਗ"><mark></a></li> <li><a href="/pa/tags/tag_menu.html" title="HTML <menu> ਟੈਗ"><menu></a></li> <li><a href="/pa/tags/tag_meta.html" title="HTML <meta> ਟੈਗ"><meta></a></li> <li><a href="/pa/tags/tag_meter.html" title="HTML <meter> ਟੈਗ"><meter></a></li> <li><a href="/pa/tags/tag_nav.html" title="HTML <nav> ਟੈਗ"><nav></a></li> <li><a href="/pa/tags/tag_noframes.html" title="HTML <noframes> ਟੈਗ"><noframes></a></li> <li><a href="/pa/tags/tag_noscript.html" title="HTML <noscript> ਟੈਗ"><noscript></a></li> <li><a href="/pa/tags/tag_object.html" title="HTML <object> ਟੈਗ"><object></a></li> <li><a href="/pa/tags/tag_ol.html" title="HTML <ol> ਟੈਗ"><ol></a></li> <li><a href="/pa/tags/tag_optgroup.html" title="HTML <optgroup> ਟੈਗ"><optgroup></a></li> <li><a href="/pa/tags/tag_option.html" title="HTML <option> ਟੈਗ"><option></a></li> <li><a href="/pa/tags/tag_output.html" title="HTML <output> ਟੈਗ"><output></a></li> <li><a href="/pa/tags/tag_p.html" title="HTML <p> ਟੈਗ"><p></a></li> <li><a href="/pa/tags/tag_param.html" title="HTML <param> ਟੈਗ"><param></a></li> <li><a href="/pa/tags/tag_picture.html" title="HTML <picture> ਟੈਗ"><picture></a></li> <li><a href="/pa/tags/tag_pre.html" title="HTML <pre> ਟੈਗ"><pre></a></li> <li><a href="/pa/tags/tag_progress.html" title="HTML <progress> ਟੈਗ"><progress></a></li> <li><a href="/pa/tags/tag_q.html" title="HTML <q> ਟੈਗ"><q></a></li> <li><a href="/pa/tags/tag_rp.html" title="HTML <rp> ਟੈਗ"><rp></a></li> <li><a href="/pa/tags/tag_rt.html" title="HTML <rt> ਟੈਗ"><rt></a></li> <li><a href="/pa/tags/tag_ruby.html" title="HTML <ruby> ਟੈਗ"><ruby></a></li> <li><a href="/pa/tags/tag_s.html" title="HTML <s> ਟੈਗ"><s></a></li> <li><a href="/pa/tags/tag_samp.html" title="HTML <samp> ਟੈਗ"><samp></a></li> <li><a href="/pa/tags/tag_script.html" title="HTML <script> ਟੈਗ"><script></a></li> <li><a href="/pa/tags/tag_search.html" title="HTML <search> ਟੈਗ"><search></a></li> <li><a href="/pa/tags/tag_section.html" title="HTML <section> ਟੈਗ"><section></a></li> <li><a href="/pa/tags/tag_select.html" title="HTML <select> ਟੈਗ"><select></a></li> <li><a href="/pa/tags/tag_small.html" title="HTML <small> ਟੈਗ"><small></a></li> <li><a href="/pa/tags/tag_source.html" title="HTML <source> ਟੈਗ"><source></a></li> <li><a href="/pa/tags/tag_span.html" title="HTML <span> ਟੈਗ"><span></a></li> <li><a href="/pa/tags/tag_strike.html" title="HTML <strike> ਟੈਗ"><strike></a></li> <li><a href="/pa/tags/tag_strong.html" title="HTML <strong> ਟੈਗ"><strong></a></li> <li><a href="/pa/tags/tag_style.html" title="HTML <style> ਟੈਗ"><style></a></li> <li><a href="/pa/tags/tag_sub.html" title="HTML <sub> ਟੈਗ"><sub></a></li> <li><a href="/pa/tags/tag_summary.html" title="HTML <summary> ਟੈਗ"><summary></a></li> <li><a href="/pa/tags/tag_sup.html" title="HTML <sup> ਟੈਗ"><sup></a></li> <li><a href="/pa/tags/tag_svg.html" title="HTML <svg> ਟੈਗ"><svg></a></li> <li><a href="/pa/tags/tag_table.html" title="HTML <table> ਟੈਗ"><table></a></li> <li><a href="/pa/tags/tag_tbody.html" title="HTML <tbody> ਟੈਗ"><tbody></a></li> <li><a href="/pa/tags/tag_td.html" title="HTML <td> ਟੈਗ"><td></a></li> <li><a href="/pa/tags/tag_template.html" title="HTML <template> ਟੈਗ"><template></a></li> <li><a href="/pa/tags/tag_textarea.html" title="HTML <textarea> ਟੈਗ"><textarea></a></li> <li><a href="/pa/tags/tag_tfoot.html" title="HTML <tfoot> ਟੈਗ"><tfoot></a></li> <li><a href="/pa/tags/tag_th.html" title="HTML <th> ਟੈਗ"><th></a></li> <li><a href="/pa/tags/tag_thead.html" title="HTML <thead> ਟੈਗ"><thead></a></li> <li><a href="/pa/tags/tag_time.html" title="HTML <time> ਟੈਗ"><time></a></li> <li><a href="/pa/tags/tag_title.html" title="HTML <title> ਟੈਗ"><title></a></li> <li><a href="/pa/tags/tag_tr.html" title="HTML <tr> ਟੈਗ"><tr></a></li> <li><a href="/pa/tags/tag_track.html" title="HTML <track> ਟੈਗ"><track></a></li> <li><a href="/pa/tags/tag_tt.html" title="HTML <tt> ਟੈਗ"><tt></a></li> <li><a href="/pa/tags/tag_u.html" title="HTML <u> ਟੈਗ"><u></a></li> <li><a href="/pa/tags/tag_ul.html" title="HTML <ul> ਟੈਗ"><ul></a></li> <li><a href="/pa/tags/tag_var.html" title="HTML <var> ਟੈਗ"><var></a></li> <li><a href="/pa/tags/tag_video.html" title="HTML <video> ਟੈਗ"><video></a></li> <li><a href="/pa/tags/tag_wbr.html" title="HTML <wbr> ਟੈਗ"><wbr></a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/pa/howto/index.html" title="CodeW3C.com ਦਾ ਬਾਗ">CodeW3C.com ਦਾ ਬਾਗ</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>HTML <a> href 属性</h1> <div class="backtoreference"> <p><a href="/pa/tags/tag_a.html">HTML <a> تگ</a></p> </div> <div> <h2>定义和用法</h2> <p><code>href</code> 属性规定链接指向的页面的 URL。</p> <p><code>href</code> 属性的值可以是任何有效文档的相对或绝对 URL，包括片标识符和 JavaScript 代码。如果用户选择了 <a> 标签中的内容，那么浏览器会尝试检索并显示 <code>href</code> 属性指定的 URL 所表示的文档，或者执行 JavaScript 表达式、方法和函数的列表。</p> <p>اگر <code>href</code> اگر کسی خاصی خاصیت نہ ہو تو <a> ٹیگ نہیں بندل کرسکتا، یعنی نہیں بن سکتا کہ بندل</p> <p class="tip"><span>提示：</span>آپ کسی ویب سائٹ کی ویب پیدائش پر یا موجودگی پر لینک کرسکتے ہیں، جیسا کہ href="#top" یا href="#"!</p> </div> <div> <h2>متن لینک بنانے کا عمل</h2> <p>ایک دوسری دستاویز کا استعمال کرنے والا سادا <a> ٹیگ یا پتّی</p> <pre class="language-html"> <a href="http://www.codew3c.com/index.html">CodeW3C.com آن لائن تربیتی</a> </pre> <p>浏览器用特殊效果显示短语“CodeW3C.com 在线教程”（通常是带下划线的蓝色文本），这样用户就会知道它是一个可以链接到其他文档的超链接。就像这样：</p> <p><a href="http://www.codew3c.com/index.html" style="color:#0000ff;">CodeW3C.com آن لائن تعلیمات</a></p> <p>用户还可以利用浏览器中的选项来自己指定文本颜色、设置链接前和链接后链接文本的颜色。</p> <p class="tip"><span>提示：</span>可以使用 <a href="/pa/css/css_pseudo_classes.html" title="CSS ਪਸੀਡੋ-ਕਲਾਸ (Pseudo-classes)">CSS 伪类</a>向文本超链接添加复杂而多样的样式。</p> </div> <div> <h2>制作图像链接</h2> <p>更复杂的锚还可以包含图像。下面这个 LOGO 是一个图像链接，点击该图像，可以返回 W3school 的首页：</p> <pre class="language-html"> <a href="http://www.codew3c.com/index.html"> <img src="/i/codew3c_logo_white.gif" /> </a> </pre> <p>上面的代码会为 CodeW3C.com 的 LOGO 添加一个返回首页的超链接：</p> <a style="border: none;" href="http://www.codew3c.com/index.html"><img style="margin-left: 0;" src="/i/codew3c_logo_white.gif" alt="CodeW3C.com آن لائن تعلیمات" /></a> <p>大多数图形浏览器都会在作为锚的一部分的图像周围放置特殊的边框。通过在 <img> 标签中把图像的 <a href="/pa/tags/att_img_border.html" title="HTML <img> ਟੈਗ ਦਾ border ਵਿਸ਼ੇਸ਼ਤਾ">border 属性</a>设置为 0 可以删除超链接的边框。也可以使用 <a href="/pa/css/css_border.html" title="CSS ਬੰਦੂਕ">CSS 的边框属性</a>来全局性地改变元素的边框样式。</p> </div> <div> <h2>ਇਨਸਟੈਂਸ</h2> <h3>ਉਦਾਹਰਣ 1</h3> <p>href ਪ੍ਰਤੀਯੋਗਿਤਾ ਲਿੰਕ ਦੇ ਮੰਤਰ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦੀ ਹੈ:</p> <pre class="language-html"> <a href="https://www.codew3c.com">CodeW3C.com ਦੇਖੋ</a> </pre> <p class="tiy"><a target="_blank" href="/pa/tiy/t.html?f=tag_a_href">ਸਵੈ ਪ੍ਰਯੋਗ ਕਰੋ</a></p> <h3>ਉਦਾਹਰਣ 2</h3> <p>ਕਿਵੇਂ ਚਿੱਤਰ ਨੂੰ ਲਿੰਕ ਵਜੋਂ ਵਰਤਣਾ:</p> <pre class="language-html"> <a href="https://www.codew3c.com"> <img border="0" alt="W3School" src="/i/logo/w3logo.png" width="400" height="225"> </a> </pre> <p class="tiy"><a target="_blank" href="/pa/tiy/t.html?f=tag_a_image">ਸਵੈ ਪ੍ਰਯੋਗ ਕਰੋ</a></p> <h3>ਉਦਾਹਰਣ 3</h3> <p>ਕਿਵੇਂ ਈਮੇਲ ਅਡਰੈਸਸ ਨਾਲ ਲਿੰਕ ਕਰੋ:</p> <pre class="language-html"> <a href="mailto:someone@example.com">ਈਮੇਲ ਭੇਜੋ</a> </pre> <p class="tiy"><a target="_blank" href="/pa/tiy/t.html?f=tag_a_mailto">ਸਵੈ ਪ੍ਰਯੋਗ ਕਰੋ</a></p> <h3>ਉਦਾਹਰਣ 4</h3> <p>ਕਿਵੇਂ ਟੈਲੀਫੋਨ ਨੰਬਰ ਨਾਲ ਲਿੰਕ ਕਰੋ:</p> <pre class="language-html"> <a href="tel:+8613888888888">+86 138 8888 8888</a> </pre> <p class="tiy"><a target="_blank" href="/pa/tiy/t.html?f=tag_a_phoneto">ਸਵੈ ਪ੍ਰਯੋਗ ਕਰੋ</a></p> <h3>ਉਦਾਹਰਣ 5</h3> <p>ਕਿਵੇਂ ਇੱਕ ਪੰਨੇ ਦੇ ਦੂਜੇ ਹਿੱਸੇ ਨਾਲ ਲਿੰਕ ਕਰੋ:</p> <pre class="language-html"> <a href="#section2">ਦੂਜੇ ਖੰਡ ਵੱਲ ਜਾਓ</a> </pre> <p class="tiy"><a target="_blank" href="/pa/tiy/t.html?f=tag_a_href_anchor">ਸਵੈ ਪ੍ਰਯੋਗ ਕਰੋ</a></p> <h3>ਉਦਾਹਰਣ 6</h3> <p>ਕਿਵੇਂ ਜਾਵਾਸਕ੍ਰਿਪਟ ਨਾਲ ਲਿੰਕ ਕਰੋ:</p> <pre class="language-html"> <a href="javascript:alert('Hello World!');">ਜਾਵਾਸਕ੍ਰਿਪਟ ਚਲਾਓ</a> </pre> <p class="tiy"><a target="_blank" href="/pa/tiy/t.html?f=tag_a_href_script">ਸਵੈ ਪ੍ਰਯੋਗ ਕਰੋ</a></p> </div> <div> <h2>ਗਰੰਥ ਕਰਨਾ</h2> <pre class="language-html"> <a href="<i>URL</i>"> </pre> <h3>ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ</h3> <table class="dataintable"> <tr> <th style="width: 20%;">ਮੁੱਲ</th> <th>ਵਰਣਨ</th> </tr> <tr> <td><i>URL</i></td> <td> <p>ਲਿੰਕ ਦਾ URL。</p> <p>ਸੰਭਵ ਮੁੱਲ:</p> <ul class="listintable"> <li>ਅਬਸੋਲਿਊਟ ਯੂਆਰਐੱਲ - ਹੋਰ ਸਾਈਟ ਨੂੰ ਦਿਸ਼ਾ ਦਿੰਦੇ ਹਨ (ਜਿਵੇਂ href="http://www.example.com/index.html"）</li> <li>ਸਬੰਧਤ URL - ਸਾਈਟ ਦੇ ਅੰਦਰ ਦੇ ਫਾਇਲਾਂ ਨੂੰ ਦਿਸ਼ਾ ਦਿੰਦੇ ਹਨ (ਜਿਵੇਂ href="index.html"）</li> <li>ਪੇਜਿਨ 'id' ਵਾਲੇ ਤੱਤ ਨੂੰ ਲਿੰਕ ਕਰੋ (ਜਿਵੇਂ href="#section2"）</li> <li>ਹੋਰ ਸਮਝੌਤੇ (ਜਿਵੇਂ https://、ftp://、mailto:、file: ਆਦਿ)</li> <li>ਸਕ੍ਰਿਪਟ (ਉਦਾਹਰਣ ਵਜੋਂ href="javascript:alert('Hello');"）</li> </ul> </td> </tr> </table> </div> <div> <h2>ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ</h2> <table class="browser-support"> <tr> <th class="bsChrome">ਚਰਮੀ</th> <th class="bsEdge">ਐਜ਼</th> <th class="bsFirefox">ਫਾਇਰਫਾਕਸ</th> <th class="bsSafari">ਸੈਫਾਰੀ</th> <th class="bsOpera">ਓਪਰਾ</th> </tr> <tr> <td>ਚਰਮੀ</td> <td>ਐਜ਼</td> <td>ਫਾਇਰਫਾਕਸ</td> <td>ਸੈਫਾਰੀ</td> <td>ਓਪਰਾ</td> </tr> <tr> <td>ਸਮਰਥਨ</td> <td>ਸਮਰਥਨ</td> <td>ਸਮਰਥਨ</td> <td>ਸਮਰਥਨ</td> <td>ਸਮਰਥਨ</td> </tr> </table> </div> <div class="backtoreference"> <p><a href="/pa/tags/tag_a.html">HTML <a> تگ</a></p> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div>  <div id="sidebar"> <div><h3><center> ਟੂਲਬਾਕਸ </center><h3> <h5 id="tools_reference"><a href="/pa/tags/index.html">HTML ਸੰਦਰਭ ਮੁੱਲ</a></h5> <h5 id="tools_example"><a href="/pa/html/html_examples.html">HTML ਉਦਾਹਰਣ</a></h5> <h5 id="tools_quiz"><a href="/pa/html/html_quiz.html">HTML ਟੈਸਟ</a></h5> <h5 id="tools_tutorial"><a href="/pa/html/index.html">HTML ਸਿੱਖਿਆ</a></h5> </div> <div><h3><center> ਸਪਾਂਸਰ ਲਿੰਕ </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com ਵੱਲੋਂ ਪ੍ਰਦਾਨ ਕੀਤੀ ਗਈ ਸਮਗਰੀ ਕੋਚਿੰਗ ਅਤੇ ਟੈਸਟ ਲਈ ਹੈ, ਸਮਗਰੀ ਦੀ ਸਹੀਤਾ ਨਹੀਂ ਦਿੱਤੀ ਜਾਂਦੀ ਹੈ।ਇਸ ਸਾਇਟ ਦੇ ਸਮਗਰੀ ਦੀ ਵਰਤੋਂ ਨਾਲ ਆਉਣ ਵਾਲੇ ਜੋਖਮ ਇਸ ਸਾਇਟ ਨਾਲ ਸਬੰਧੀ ਨਹੀਂ ਹਨ।ਕਾਪੀਰਾਈਟ ਸਾਰੀਆਂ ਅਧਿਕਾਰ ਸੁਰੱਖਿਅਤ, ਸਾਰੇ ਅਧਿਕਾਰ ਸੁਰੱਖਿਅਤ। </p> <p id="p2"> <a href="/pa/about/index.html" title="ਬਾਰੇ CodeW3C.com">ਬਾਰੇ CodeW3C.com</a> <a href="/pa/about/about_helping.html" title="ਮਦਦ CodeW3C.com">ਮਦਦ CodeW3C.com</a> <a href="/pa/about/about_use.html" title="ਬਾਰੇ ਵਰਤੋਂ">ਵਰਤੋਂ ਸ਼ਰਤ</a> <a href="/pa/about/about_privacy.html" title="ਬਾਰੇ ਗੁਪਤਤਾ">ਗੁਪਤਤਾ ਸ਼ਰਤ</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="Ce4e.com سے پاورد"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>