HTML لینک
- پچھلے پیج HTML سی ایس ایس
- آئندہ پیج HTML تصویر
HTML ਵਿੱਚ ਸੁਪਰ ਲਿੰਕ ਨਾਲ ਨੈੱਟਵਰਕ 'ਤੇ ਦੂਜੇ ਦਸਤਾਵੇਜ਼ ਨਾਲ ਜੋੜਿਆ ਜਾਂਦਾ ਹੈ。
ਸਾਰੇ ਵੈੱਬਸਾਈਟਾਂ ਵਿੱਚ ਲਿੰਕ ਮਿਲ ਸਕਦੇ ਹਨ; ਲਿੰਕ ਕਲਿੱਕ ਕਰ ਕੇ ਇੱਕ ਪੰਨੇ ਤੋਂ ਦੂਜੇ ਪੰਨੇ ਤੱਕ ਜਾ ਸਕਦੇ ਹੋ。
ਉਦਾਹਰਣ
- ਸੁਪਰ ਲਿੰਕ ਬਣਾਉਣ
- ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਅਸੀਂ ਹੈਲਾਮੀ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਲਿੰਕ ਬਣਾਉਣ ਦਾ ਪ੍ਰਦਰਸ਼ਨ ਕਰ ਰਹੇ ਹਾਂ。
- ਚਿੱਤਰ ਨੂੰ ਲਿੰਕ ਵਜੋਂ ਵਰਤਣ
- ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਅਸੀਂ ਚਿੱਤਰ ਨੂੰ ਲਿੰਕ ਵਜੋਂ ਵਰਤਣ ਦਾ ਪ੍ਰਦਰਸ਼ਨ ਕਰ ਰਹੇ ਹਾਂ。
HTML ਸੁਪਰ ਲਿੰਕ (ਲਿੰਕ)
ਸੁਪਰ ਲਿੰਕ ਇੱਕ ਅੱਖਰ, ਇੱਕ ਸ਼ਬਦ, ਜਾਂ ਕਈ ਸ਼ਬਦਾਂ ਦਾ ਹੋ ਸਕਦਾ ਹੈ, ਜਾਂ ਇੱਕ ਚਿੱਤਰ ਵੀ ਹੋ ਸਕਦਾ ਹੈ; ਤੁਸੀਂ ਇਨ੍ਹਾਂ ਉੱਤੇ ਕਲਿੱਕ ਕਰ ਸਕਦੇ ਹੋ ਅਤੇ ਨਵੇਂ ਦਸਤਾਵੇਜ਼ ਜਾਂ ਮੌਜੂਦਾ ਦਸਤਾਵੇਜ਼ ਦੇ ਕਿਸੇ ਹਿੱਸੇ ਵੱਲ ਜਾ ਸਕਦੇ ਹੋ。
ਜਦੋਂ ਤੁਸੀਂ ਮਾਉਸ ਦਾ ਇੰਡੈਕਸ ਵੈਲਸ ਵੈੱਬਸਾਈਟ ਵਿੱਚ ਕਿਸੇ ਲਿੰਕ ਉੱਤੇ ਲਿਆਉਂਦੇ ਹੋ, ਤਾਂ ਤੁਰਨਾ ਇੱਕ ਛੋਟਾ ਹੱਥ ਬਣ ਜਾਂਦਾ ਹੈ。
ਅਸੀਂ <a> ਟੈਗ ਦੀ ਮਦਦ ਨਾਲ ਹੈਲਾਮੀ ਵਿੱਚ ਲਿੰਕ ਬਣਾਉਂਦੇ ਹਾਂ。
有两种使用 标签的方式：
- href ਲੈਬਲ ਦੀ ਵਰਤੋਂ ਕਰ ਕੇ - ਦੂਜੇ ਦਸਤਾਵੇਜ਼ ਦੀ ਤਰਫ਼ ਲਿੰਕ ਬਣਾਉਣਾ
- name ਲੈਬਲ ਦੀ ਵਰਤੋਂ ਕਰ ਕੇ - ਦਸਤਾਵੇਜ਼ ਦੇ ਅੰਦਰ ਬੁੱਕਮਾਰਕ ਬਣਾਉਣਾ
ਹੋਰ ਪੜ੍ਹੋ:ਸੁਪਰਟੈਕਸਟ ਕੀ ਹੈ?
HTML ਲਿੰਕ ਗਰੰਟੇਸ਼ਨ
ਲਿੰਕ ਦੀ HTML ਕੋਡ ਬਹੁਤ ਸਰਲ ਹੈ, ਉਹ ਇਸ ਤਰ੍ਹਾਂ ਦੇ ਹੁੰਦੀ ਹੈ:
<a href="url">Link text</a>
href ਲੈਬਲ ਲਿੰਕ ਦੇ ਟਾਰਗਿੱਟ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。
ਸ਼ੁਰੂ ਲੈਬਲ ਅਤੇ ਸਮਾਪਤ ਲੈਬਲ ਦਰਮਿਆਨ ਦੇ ਟੈਕਸਟ ਨੂੰ ਸੂਪਰ ਲਿੰਕ ਵਜੋਂ ਦਿਖਾਇਆ ਜਾਂਦਾ ਹੈ。
ਉਦਾਹਰਣ
<a href="http://www.codew3c.com/">Visit CodeW3C.com</a>
ਉੱਪਰ ਦੀ ਲਾਈਨ ਇਸ ਤਰ੍ਹਾਂ ਦਿਖਾਈ ਦੇਵੇਗੀ:Visit CodeW3C.com
ਇਹ ਸੂਪਰ ਲਿੰਕ ਉਪਯੋਗਕਰਤਾ ਨੂੰ CodeW3C.com ਦੀ ਮੁੱਖ ਪੰਨੇ ਤੱਕ ਲੈ ਜਾਵੇਗਾ。
نکات:"ਲਿੰਕ ਟੈਕਸਟ" ਲਿਖਤ ਹੋਣਾ ਨਹੀਂ ਪਵੇਗਾ, ਚਿੱਤਰ ਜਾਂ ਹੋਰ HTML ਇਲੈਕਟ੍ਰੌਨਿਕ ਤੱਤ ਵੀ ਲਿੰਕ ਵਜੋਂ ਵਰਤੇ ਜਾ ਸਕਦੇ ਹਨ。
HTML ਲਿੰਕ - target ਲੈਬਲ
ਟਾਰਗਿੱਟ ਲੈਬਲ ਦੀ ਵਰਤੋਂ ਕਰ ਕੇ, ਤੁਸੀਂ ਲਿੰਕ ਦੇ ਦਸਤਾਵੇਜ਼ ਨੂੰ ਕਿਸ ਤਰ੍ਹਾਂ ਦਿਖਾਉਣਾ ਹੈ, ਉਹ ਨਿਰਧਾਰਿਤ ਕਰ ਸਕਦੇ ਹੋ
ਹੇਠ ਲਿਖੀ ਲਾਈਨ ਨਵੇਂ ਵਿੰਡੋ ਵਿੱਚ ਦਸਤਾਵੇਜ਼ ਖੋਲ੍ਹੇਗੀ:
<a href="http://www.codew3c.com/" target="_blank">Visit CodeW3C.com!</a>
HTML ਲਿੰਕ - name ਲੈਬਲ
name ਲੈਬਲ ਟਾਰਗਿੱਟ ਦਾ ਨਾਮ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。
ਤੁਸੀਂ name ਲੈਬਲ ਦੀ ਵਰਤੋਂ ਕਰ ਕੇ HTML ਪੰਨੇ ਵਿੱਚ ਬੁੱਕਮਾਰਕ ਬਣਾ ਸਕਦੇ ਹੋ
ਬੁੱਕਮਾਰਕ ਕੋਈ ਵਿਸ਼ੇਸ਼ ਤਰੀਕੇ ਨਾਲ ਨਹੀਂ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ, ਉਹ ਪੜ੍ਹਨ ਵਾਲੇ ਲਈ ਨਜ਼ਰ ਨਹੀਂ ਆਉਂਦਾ ਹੈ。
ਜਦੋਂ ਨਾਮਕ ਟਾਰਗਿੱਟ (named anchors) ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਾਂ, ਤਾਂ ਅਸੀਂ ਸਿੱਧੇ ਇਸ ਨਾਮਕ ਟਾਰਗਿੱਟ (ਜਿਵੇਂ ਕਿ ਪੰਨੇ ਵਿੱਚ ਕਿਸੇ ਉਪਬੰਧ ਨੂੰ) ਤੱਕ ਜਾਣ ਵਾਲੇ ਲਿੰਕ ਬਣਾ ਸਕਦੇ ਹਾਂ, ਜਿਸ ਨਾਲ ਉਪਯੋਗਕਰਤਾ ਨੂੰ ਲੰਬੇ ਸਫ਼ਰ ਕਰਨਾ ਨਹੀਂ ਪਵੇਗਾ ਅਤੇ ਉਹ ਜਿਸ ਸੂਚਨਾ ਨੂੰ ਚਾਹੁੰਦਾ ਹੈ, ਉਸ ਨੂੰ ਖੋਜ ਸਕੇਗਾ。
ਨਾਮਕ ਟਾਰਗਿੱਟ ਦੀ ਗਰੰਟੇਸ਼ਨ:
<a name="label">ਟਾਰਗਿੱਟ (ਪੰਨੇ 'ਤੇ ਦਿਖਾਈ ਵਾਲੀ ਲਿਖਤ)</a>
نکات:ਟਾਰਗਿੱਟ ਦਾ ਨਾਮ ਤੁਹਾਡੇ ਮਨ ਦੇ ਕਿਸੇ ਨਾਮ ਹੋ ਸਕਦਾ ਹੈ。
نکات:ਤੁਸੀਂ id ਲੈਬਲ ਦੀ ਥਾਂ name ਲੈਬਲ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ, ਨਾਮਕ ਟਾਰਗਿੱਟ ਨਾਮਕਰਨ ਵੀ ਪ੍ਰਭਾਵੀ ਹੈ。
ਉਦਾਹਰਣ
ਪਹਿਲਾਂ, ਅਸੀਂ HTML ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਟਾਰਗਿੱਟ ਨੂੰ ਨਾਮ ਦਿੰਦੇ ਹਾਂ (ਇੱਕ ਬੁੱਕਮਾਰਕ ਬਣਾਉਂਦੇ ਹਾਂ):
<a name="tips">ਮੁੱਢਲੇ ਉਪਦੇਸ਼ - ਉਪਯੋਗੀ ਸੁਝਾਅ</a>
ਫਿਰ, ਅਸੀਂ ਇੱਕੋ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਇਸ ਟਾਰਗਿੱਟ ਨੂੰ ਲਿੰਕ ਬਣਾਉਂਦੇ ਹਾਂ:
<a href="#tips">ਉਪਯੋਗੀ ਸੁਝਾਅ</a>
ਤੁਸੀਂ ਹੋਰ ਪੰਨਿਆਂ ਵਿੱਚ ਇਸ ਟਾਰਗਿੱਟ ਨੂੰ ਲਿੰਕ ਬਣਾ ਸਕਦੇ ਹੋ
<a href="http://www.codew3c.com/html/html_links.asp#tips">مفید توجیہ</a>
علیکم، اس کد میں آئی کی علامت اور انکوائز نام کوجوائے اور اس کا آئی ڈی آر کی اگلائی پر شامل کریں، تو اس طرح کے طور پر tips نامزد انکوائز تک راست لنک کیا جاسکتا ہے۔
مخصوص اثر:مفید توجیہ
بنیادی نکات - مفید توجیہ:
نوٹ:لطفاً ہر نیچل فولڈر میں مستقل طور پر راست چکر اضافہ کریں، اگر آپ اس طرح لنک لکھتے ہیں: href="http://www.codew3c.com/html"، تو سرور اس ایئدر کو دو بار HTTP درخواست میں شامل کرے گا، کیونکہ سرور اس ایئدر میں راست چکر شامل کرتا ہے، تو ایک نئی درخواست بنائی جائے گی، جیسا کہ اس طرح: href="http://www.codew3c.com/html/"。
نکات:نامزد انکوائز عام طور پر بڑے ڈاکومنوں کی شروعات میں فوجئس بنانے کیلئے استعمال کی جاتی ہیں، کسی باب کا نامزد کرسکتے ہیں، اور ان سے وابستہ لنکات کو ڈاکومن کے اوپر رکھ سکتے ہیں، اگر آپ بائی بائی کی ویکیپیدیائی بروکر کا استعمال کرتے ہیں تو آپ کو یہ طور پتہ چل جائے گا، تقریباً ہر اصطلاح میں اس طرح کا ناویگیشن استعمال کیا جاتا ہے۔
نکات:اگر بروزر نامزد کا انکوائز نہیں پائی تو وہ سند کی شروعات پر نمائش کی جائے گی، کسی غلطی کا اظہار نہیں ہوگا۔
بھی متعدد مثال
- لنک کو نئی بروزر ونڈو میں کھولنا
- یہ مثال پیج کو نئی بروزر ونڈو میں کیسے کھولا جاتا ہے، دکھاتا ہے، جس طرح کہ بروکر کا سائٹ چل رہا ہو اور بروکر ونڈو میں نکلنا نہیں پڑتا۔
- ایک ہی پیج کے مختلف مقامات تک لنک کیا جانا
- یہ مثال فریم کے دوسرے حصے تک کیسے لنک کیا جاتا ہے، دکھاتا ہے
- فریم سے نکلنا
- یہ مثال فریم سے نکلنا کیسے ممکن ہوتا ہے، اگر آپ کا پیج فریم میں محفوظ ہوا ہو。
- ایمیل لنک کا قیام
- یہ مثال ایمیل تک کس طرح کا لنک کیا جاتا ہے。（یہ مثال ایمیل کلائنٹ پروگرام نصب کئے جانے کے بعد کام کرتا ہے。）
- ایمیل لنک کا قیام 2
- یہ مثال پیچیدہ تھوک لنک کو دکھاتا ہے。
HTML لنک تگ
| تگ | وصف |
|---|---|
| <a> | انکوائز کا تعریف。 |
- پچھلے پیج HTML سی ایس ایس
- آئندہ پیج HTML تصویر
