ويب ڊولپمينٽ ڪورس ڪلاس 7
Anchor Tag (<a>) جو تعارف HTML ۾
Anchor Tag (`<a>`) جو تعارف HTML ۾
*Anchor Tag* (`<a>`):
Anchor ٽئگ HTML ۾ لنڪس ٺاهڻ لاءِ استعمال ٿيندو آهي، جيڪو صارفين کي هڪ ويب صفحي کان ٻئي صفحي تي وڃڻ جي اجازت ڏئي ٿو يا هڪ ئي صفحي تي ڪنهن مخصوص حصي تائين رسائي حاصل ڪرڻ لاءِ استعمال ڪيو ويندو آهي.
—
Anchor Tag جا Attributes:
1. *href*:
– *تعريف*: اهو لنڪ جو پتو (URL) ٻڌائيندو آهي.
– *مثال*: `<a href=”https://www.example.com”>Visit Example</a>`
2. *target*:
– *تعريف*: اهو ٻڌائي ٿو ته لنڪ ڪٿي کولي وڃي.
– `_blank`: لنڪ نئين ٽيب يا ونڊو ۾ کولي ٿو.
– `_self`: لنڪ موجوده ونڊو ۾ کولي ٿو (ڊيفالٽ).
– `_parent`: لنڪ اوه سڀني جا مٿان کوليندو آهي.
– `_top`: لنڪ مڪمل ونڊو ۾ کوليندو آهي.
– *مثال*: `<a href=”https://www.example.com” target=”_blank”>Visit Example</a>`
3. *title*:
– *تعريف*: لنڪ تي هور ڪرڻ سان اضافي معلومات ڏيکارڻ لاءِ استعمال ٿيندو آهي.
– *مثال*: `<a href=”https://www.example.com” title=”Visit Example Website”>Visit Example</a>`
4. *rel*:
– *تعريف*: اهو تعلق ٻڌائيندو آهي موجوده دستاويز ۽ لنڪ ٿيل دستاويز جي وچ ۾. عام طور تي `noopener`, `noreferrer`, `nofollow` جهڙيون قيمتون استعمال ٿينديون آهن.
– *مثال*: `<a href=”https://www.example.com” rel=”noopener”>Visit Example</a>`
5. *download*:
– *تعريف*: اهو ٻڌائيندو آهي ته لنڪ تي ڪلڪ ڪرڻ سان فائل ڊائون لوڊ ٿي ويندي.
– *مثال*: `<a href=”file.pdf” download>Download File</a>`
—
Anchor Tag جو مثال:
“`html
<a href=”https://www.example.com” target=”_blank” title=”Visit Example Website” rel=”noopener”>Click here to visit Example</a>
“`
سنڌي ۾ مختصر وضاحت: ويب ڊولپمينٽ ڪورس ڪلاس 7
– *Anchor Tag (`<a>`)* ويب پيج ۾ لنڪ ٺاهڻ لاءِ استعمال ٿيندو آهي. هي ٽيڪسٽ يا تصويرن کي لنڪ بڻائڻ لاءِ استعمال ڪيو ويندو آهي، جنهن سان صارفين کي هڪ صفحي کان ٻئي صفحي ڏانهن وڃڻ جي اجازت ڏني ويندي آهي.
– *Attributes:*
– `href`: لنڪ جو پتو.
– `target`: لنڪ کي ڪهڙي طرح کولڻ گهرجي.
– `title`: لنڪ تي رکڻ تي اضافي معلومات ڏيکارڻ لاءِ.
– `rel`: لنڪ جي نوعيت يا تعلق کي بيان ڪندو آهي.
– `download`: جڏهن لنڪ تي ڪلڪ ڪيو وڃي ته فائل ڊائون لوڊ ڪرڻ لاءِ.
Superscript, Subscript, Center, and Meter Tags جي وضاحت
1. *Superscript (`<sup>`)*:
– *تعريف*:
Superscript ٽئگ مواد کي اوپر کان ٿورو اوچو ڏيکارڻ لاءِ استعمال ٿيندو آهي. عام طور تي رياضي، سائنسي يا ڪيميائي فارمولن ۾ استعمال ٿيندو آهي.
– *مثال*:
“`html
H<sub>2</sub>O
“`
مٿين مثال ۾ “H₂O” ۾ “2” سپر اسڪرپٽ ۾ ظاهر ٿيندو.
2. *Subscript (`<sub>`)*:
– *تعريف*:
Subscript ٽئگ مواد کي هيٺ کان ٿورو هيٺ ڏيکارڻ لاءِ استعمال ٿيندو آهي. عام طور تي ڪيميائي فارمولن ۾ استعمال ٿيندو آهي جتي نمبرن کي هيٺ ڏيکارڻو پوي ٿو.
– *مثال*:
“`html
H<sup>2</sup>O
“`
مٿين مثال ۾ “H₂O” ۾ “2” سب اسڪرپٽ ۾ ظاهر ٿيندو.
3. *Center (`<center>`)*:
– *تعريف*:
Center ٽئگ ڪنهن مواد کي وچ ۾ سينٽرلائز ڪرڻ لاءِ استعمال ڪيو ويندو آهي. هي ٽئگ ڪجهه پراڻين HTML ورزن ۾ استعمال ٿيندو آهي، جڏهن ته جديد ويب ڊيزائن ۾ CSS جي مدد سان ان کي ڪنٽرول ڪيو ويندو آهي.
– *مثال*:
“`html
<center>This is centered text.</center>
“`
مٿين مثال ۾ مواد “This is centered text.” وچ ۾ سينٽر ڪيو ويندو.
4. *Meter (`<meter>`)*:ويب ڊولپمينٽ ڪورس ڪلاس 7
– *تعريف*:
Meter ٽئگ ڪنهن خاص مقدار يا ماپ جي طور تي استعمال ٿيندو آهي جهڙوڪ: پئماني، درجه حرارت، ڳڻپڻ يا ڪنهن ٻئي قسم جي ماپ. اهو عمومي طور تي ويب ۾ گرافڪ اشارو ڏيکارڻ لاءِ استعمال ٿيندو آهي.
– *مثال*:
“`html
<meter value=”0.7″>70%</meter>
“`
مٿين مثال ۾، 70٪ مقدار ظاهر ٿيندي.
—
Summary:
1. *`<sup>`*: مواد کي اوپر کان اوچو ڏيکارڻ لاءِ، جئين رياضي ۾.
2. *`<sub>`*: مواد کي هيٺ کان هيٺ ڏيکارڻ لاءِ، جيئن ڪيميائي فارمولا.
3. *`<center>`*: مواد کي وچ ۾ سينٽرلائیز ڪرڻ لاءِ، جيڪو پراڻن HTML ۾ استعمال ٿيندو هو.
4. *`<meter>`*: هڪ ماپ يا پئماني کي ظاهر ڪرڻ لاءِ، جهڙوڪ 70% سڌو ظاهر ڪرڻ.
—Anchor Tag (`<a>`) and Attributes: ويب ڊولپمينٽ ڪورس ڪلاس 7
– *Anchor Tag Command*: ويب ڊولپمينٽ ڪورس ڪلاس 7
“`html
<a href=”URL” target=”_blank” title=”Link Title”>Link Text</a>
“`
– *Attributes*: ويب ڊولپمينٽ ڪورس ڪلاس 7
– `href`: Link destination (URL)
– `target`: Specifies where the link should open (`_blank`, `_self`, `_parent`, etc.)
– `title`: Provides additional info when hovering over the link.
– `rel`: Defines the relationship between the current document and the linked document.
—
Superscript (`<sup>`) Tag:
– *Command*:
“`html
<sup>superscript text</sup>
“` ويب ڊولپمينٽ ڪورس ڪلاس 7
—
Subscript (`<sub>`) Tag:
– *Command*:
“`html
<sub>subscript text</sub>
“`
—
Center (`<center>`) Tag *(Deprecated in HTML5)*:
– *Command*:
“`html
<center>Centered content</center>
“`
—
Meter (`<meter>`) Tag:
– *Command*:
“`html
<meter valueConquer Lag With the Best Gaming Router for Your Needs=”0.5″ min=”0″ max=”1″>50%</meter>
“`
