How to make a Clickable link (text or image) ٹیکسٹ یا تصویرکو لنک بنانے کا طریقہ

 

The internet has become an important part of everyday life. People like to visit different websites to read news, exchange photos and spend some time watching fun videos or shopping.

The internet connects almost the entire world. Today, more than half of the world’s population uses the internet. It is a source of information, education, entertainment, business, Online Shopping etc. We can do all this because of different websites.

Convert text into Clickable link

text as link

Clickable link either text or image can be used to allow website visitors to navigate between different pages or within a single page.

It usually appears as blue underlined text, but we can change the style and color of it by using HTML or CSS.  Anchor text or link is used to reach the link target.

We can easily make a clickable text or link by following the given instructions.

Example of a text link code:

In this example, we are going to make the word Click Here into a link.

1. Start with the <a> tag

2. Use href to specify the target

<a href=” “>

3. Then add the text you want to work as a link

4. Finally add an </a> tag to indicate where the link ends.

It will be written like this

<a href=”https://www.infomehfil.com”> Click Here </a>

Make an image a Clickable link

If you want to make an image work as a clickable link, the method is exactly the same as with texts. It has one another tag for an image that is <img>.

Example of an image link code:

You can make an image clickable same as image shown below

clickable imageIn this example, we are going to make an image into a link of the page called infomehfil.com

1. Start with the <a> tag.

2. Use href to specify the target

<a href=” “>

3. After that, put the <img> tag with src attribute

<img src=” “>

src specify the path of the image

4. At the end, add an </a> tag to indicate where the link ends

It will be written like this

<a href=”https://www.infomehfil.com”><img

src=”flower.gif”></a>

Hope that by doing the above methods, you will be able to make clickable link either text or image.

ٹیکسٹ یا تصویرکو لنک بنانے کا طریقہ

انٹرنیٹ روزمرہ کی زندگی کا ایک اہم حصہ بن گیا ہے۔ لوگ مختلف ویب  سائٹس کو خبریں پڑھنے، تصاویر کا تبادلہ کرنے، تفریحی ویڈیوزدیکھنے، شاپنگ کرنے یا کچھ وقت گزارنے کے لیےاستعمال کرتےہیں۔

انٹرنیٹ تقریبا پوری دنیا کو جوڑتا ہے۔ آج دنیا کی نصف سے زیادہ آبادی انٹرنیٹ استعمال کرتی ہے۔ یہ معلومات، تعلیم، تفریح ​​، کاروبار، آن لائن شاپنگ وغیرہ کا ایک ذریعہ ہے ہم مختلف ویب سائٹوں کی وجہ سے یہ سب کر سکتے ہیں۔

ٹیکسٹ کو لنک میں تبدیل کریں

text link

ویب سائٹ پرلنکس کو مختلف صفحات کے درمیان یا ایک ہی صفحے میں مختلف مقامات پر جانے کےلیے استعمال کیا جاتا ہے۔

اینکرٹیکسٹ یا لنک وہ ٹیکسٹ ہے جسے ہائپر لنک میں کلک کیا جاسکتا ہے۔ یہ ایک ویب پیج کو دوسرے سے جوڑنے کے لئے استعمال ہوتا ہے۔ یہ عام طور پر نیلے رنگ کی لکیر کی شکل کے طور پر ظاہرکیاجاتا ہے، لیکن ہم HTML یا CSS کا استعمال کرکے اس کے انداز اور رنگ کو تبدیل کرسکتے ہیں۔ اینکرٹیکسٹ یا لنک کو مطلوبہ لنک تک پہنچانے کے لئے استعمال کیا جاتا ہے۔

ہم دی گئی ہدایات پر عمل کرتے ہوئے آسانی سے کلک ٹیکسٹ یا لنک بناسکتے ہیں۔

ٹیکسٹ لنک کوڈ کی مثال:

اس مثال میں، ہم ایک لنک میں یہاں کلک کریں لفظ کولنک بنانے جا رہے ہیں۔

1. <a> ٹیگ کے ساتھ شروع کریں

2.  ہدف کی وضاحت کیلئے href کا استعمال کریں

<a href=” “>

3. پھر وہ ٹیکسٹ شامل کریں جس کو آپ لنک کے طور پر اسعمال کرنا چاہتے ہیں

4. آخر میں </a> ٹیگ شامل کریں۔

یہ اس طرح لکھا جائے گا

<a href=”https://www.infomehfil.com”> یہاں کلک کریں </a>

کسی تصویر کولنک بنائیں

آپ نیچے دی گئی تصویر کی طرح کسی بھی تصویرکو لنک بنا سکتے ہیں

image link

اگر آپ کسی تصویر کو بطور لنک بنانا چاہتے ہیں تواس کا طریقہ بھی بالکل ویسا ہی ہے جیسے ٹیکسٹ کا ہے اس میں تصویر کے لیے ایک اور ٹیگ بھی استعمال ہوتا ہے جو کہ<img> ہے۔

تصویر کے لنک کوڈ کی مثال:

اس مثال میں، ہم تصویر کوایک صفحے کے لنک infomehfil.com کے طور پر استعمال کریں گے

1. <a> ٹیگ کے ساتھ شروع کریں۔

2. ہدف کی وضاحت کیلئے href کا استعمال کریں

<a href=” “>

3. پھر وہ ٹیکسٹ شامل کریں جس کو آپ لنک کے طور پر اسعمال کرنا چاہتے ہیں

4. اس کے بعد<img> ٹیگ کو src خصوصیت کے ساتھ لکھیں

<img src = “”>

src تصویرکے مقام کے لیے استعمال ہوتا ہے

5. آخر میں </a> ٹیگ شامل کریں۔

یہ اس طرح لکھا جائے گا

<a href=”https://www.infomehfil.com”><img src =”flower.gif”></a>