HTMl Links

HTML Link in Hindi

HTML

HTML Link in Hindi :- Jaisa Ki Aap Sabhi Jante Hain Ki Webpage Main Ek Page Par Jane Ke Liye Diye Jane Wale Hisse Ko “HTML Link” Kahte Hain, In Links Ko HTML Hyperlinks Bhi Kaha Jata hain |

Yadi Aapne  CSS Full CourseNhi Read Kiya Hai To Aap Vah Bhi Read Kar Sakte Hai | Kyoki Usme Milenge Aapko CSS Full Course A to Z |

HTML Link in Hindi

Links Ek Simple Word Hi Hota Hain , Lekin Ise Anchor Element Duvara Hyperlink Main Badal Diya Jata Hain |

Jab , Aap Ek HTML Link Par Mouse Cursor Ko Le Jate hain , To Cursor Ek hath Main Change Ho Jata Hain. Yahi Chij Ek Simple Word Or Link Main Pahchan karati Hain.

Agar Aap Is Link Ko Click Karte Hain To Aap Kisi Dusre Webpage Ya Document Par Jate Hain And Hyperlinks Ye Webpage Par Kisi Bhi Text Ya Images Par Hoti hain |

HTML Links कैसे बनाये – How to Create HTML Links ?

HTML Main Link Ke Liye <a> Tag Ka Istemal Kiya Jata Hain | Is Tag Ko Anchor Tag Bhi Kahte Hain And Agar Kisi Text Ko ya Image/Photo Ko Link Dena Hoto <a> Or </a> Ke Bich Main Diya Jata Hain | Ye Tag kisi Dusre Webpage Ya Document Par Jane Ke Liye Permission Deta Hain |

Syntax :

<a href="link_path/link_url">link text></a>;

Syntax को समझिए:

  1. a: a Anchor Tag Ko Represent Karta Hain. Or Opening Anchor Tag Se Ek Link Ko Define Kiya Jata Hain. Matlab Iski Starting <a> Se Hoti Hain And Iski Closing </a> Se Hoti Hain .
  2. href: Iska Pura Name Hypertext Reference Hota Hain. href Anchor Tag Ka Ek Jaruri Attribute Hain , Jo Destination Address (Webpage And Address ) Ko Define Karta Hain. Destination URLs Standard Format Main Hi Define Hone Chahiye.
  3. Link Text: Vah Word Hota Hain, Jo Users Ko Show Hota Hain. Matlab Jis Par Click Hoti Hain. Yaha Aap Aapni Choice Se Kuch Bhi Likh Sakte Hain.
  4. </a> Yah Closing Anchor Tag Hota Hain. Yah Browser Ko Batata Hain Ki Yah HTML Link Yahi End Hota Gaya Hain |

Aap Upper Dekh Sakte Hain Ki Hamne Ek Link Ka Syntax Likha Hain |

Simple Link in HTML

Aap anchor tag Par simple link Link Bhi De Sakte Hain |

<a href="sample.html">Sample Document</a>

Output :

Sample Document

Image Link in HTML

Example Par image Ko link Di Gayi Hain |

<img src="https://masterprograming.com/wp-content/uploads/2020/05/html-color-proterty-in-hindi.jpg" width="100px">

Output :

Target Attribute in HTML

target attribute Ki Help Se Diye Hue Link Ko Kaha Par Open Karna Hain Vo Value Vaha Par Hi Define Karai Jati Hain |

target attribute Par Diye Jane Vale Values Ko Niche Define Kiya Gaya Hain

ValuesDescription
_blankLinked webpage Ye New window Par open Hoti Hain.
_selfLinked webpage Ye same frame Par open Hoti Hain |
_parentLinked webpage Ye parent frame Par open Hoti Hain |
_topLinked webpage Ye Pure window Par open Hoti Hain |
frameNameDiye Hue frame name Par linked webpage open Hoti Hain.

Example:

<a href="https://masterprograming.com/" target="_blank">Visit MasterPrograming!</a>

WebPage Portion Linking in HTML

Kuch Website Par Ek Single Webpage Par Alag-Alag Part Par Jane Ke Liye Links Diye Jate Hain Lein Aapka Webpage Bahut Hi Lengthy Ho Jata Hain TO Us Page Ke Kuch Advantages Hote Hain |

Portion Linking Ke Liye Id And Attribute Ka Istemal Kiya Jata Hain |

Example

<h1 id = "top"><a href="#bottom">Go To Bottom</a></h1>

<h4><a href="#section1">Go To Section 1</a></h4>
<h4><a href="#section2">Go To Section 2</a></h4>
<h4><a href="#section3">Go To Section 3</a></h4>
<h4><a href="#section4">Go To Section 4</a></h4>
<h4><a href="#section5">Go To Section 5</a></h4>

<h1 id = "section1" style="margin-top:800px;">Section 1</h1>
<h1 id = "section2" style="margin-top:800px;">Section 2</h1>
<h1 id = "section3" style="margin-top:800px;">Section 3</h1>
<h1 id = "section4" style="margin-top:800px;">Section 4</h1>
<h1 id = "section5" style="margin-top:800px;">Section 5</h1>

<h1 id="bottom" style="margin-top:800px;"><a href="#top">Go To Top</a></h1>

HTML Link Change Color

Link Ke Color Alag-Alag Ho Sakte Hain Ye Depend Karta Hain Browser Ki Setting Par Lekin Agar Aap chahte Hain Ki Aapke Page Ke Link Ke Colors Ko Aapne Hisab Se Dikhana Chahte Hain To Aap Css Ya Tags Main Kuch Attributes Add Karke Color Change Kar Sakte Hain |

  1. Unvisited Link: Jis Link Par Aapne Abhi Tak Click Nhi Kiya Hian. Unvisited Link Ka Color Blue Hota Hain, Or Ye Underlined Rahti Hain.
  2. Visited Link: Jis Click Par Aap Click Kar Chuke Hain. Visited Link Ka Color Purple Hota Hain, Or Bhi Underlined Rahti Hain.
  3. Active Link: Jis Link Ko Aapne Abhi Aapke Samne Open Rakha Hua Hain. Active Link Ka Color Red Rahta Hain, Or Ye Bhi Underlined Rahti hain.
<head>
<style>
a:link{color:red;}
a:visited{color:yellow;}
a:hover{color:blue;}
a:active{color:aqua;}
</style>
</head>
<body>
<a href="https://masterprograming.com/" target="_blank">MasterPrograming.com</a>
</body>

Aap Is Program Ko Run Karke Output Check kar Sakte Hain |

Friends Ab Aap Jan Hi Gaye Honge Ki HTML Link In Hindi –Common HTML Link code In HindiHTML Link Color , Types Of HTML Link in Hindi, , Text Link in Hindi,HTML Link In Hindi Kon Kon Se Hai |

Leave a Reply

Your email address will not be published. Required fields are marked *