HTML लिंक कोड

HTML लिंक कोड कैसे लिखे।

HTML टेक्स्ट लिंक

<a href="link/html-text-link.htm"/Text Link</a/

कोड इस लिंक को बनाएगा:

पाठ लिंक

HTML उसी पेज का लिंक है

एंकर लिंक कोड:

<a href="#generator"/Link code generator</a/

कोड इस लिंक को बनाएगा:

लिंक कोड जनरेटर

लिंक दबाने पर ब्राउज़र इस कोड के साथ नीचे शीर्षक पर जाएगा:

<h2/<a id="generator"/Link code generator</a/</h2/

HTML छवि लिंक

<a href="link/link-image.htm"/<img src="link/flower.jpg" width="82" height="86" alt="Flower"/</a>

कोड इस लिंक को बनाएगा:

फूल

HTML ई-मेल लिंक

<a href="mailto:name@RT">Send Mail</a>

कोड इस लिंक को बनाएगा:

मेल भेजे

 

देखें: एचटीएमएल मेल-टू लिंक

डाउनलोड करने के लिए HTML लिंक

<a href="link/test_file.zip">Download File</a>

कोड इस लिंक को बनाएगा:

फ़ाइल डाउनलोड करें

 

देखें: HTML डाउनलोड लिंक

नई विंडो में HTML लिंक खुला

यह लिंक नई विंडो या टैब में खुलेगा:

<a href="link/html-text-link.htm" target="_blank">Open page in new window</a>

कोड इस लिंक को बनाएगा:

नई विंडो में पेज खोलें

HTML बटन लिंक

जावास्क्रिप्ट के बिना:

<form action="link/html-button-link.htm">
    <input type="submit" value="A button link">
</form>

जावास्क्रिप्ट के साथ:

<input type="button" value="A button link" onclick="window.location.href='link/html-button-link.htm'">

लिंक रंग

लिंकिंग कलर को css स्टाइल के साथ किया जाता है:

<a href="link/html-link-color.htm" style="color:red">Link color page</a>

कोड इस लिंक को उत्पन्न करेगा:

लिंक रंग पेज

 

लिंक बैकग्राउंड कलर को css स्टाइल के साथ किया जाता है:

<a href="link/html-link-color.htm" style="background-color:#ffffa0">Link color page</a>

कोड इस लिंक को उत्पन्न करेगा:

लिंक रंग पेज

सापेक्ष बनाम पूर्ण पथ लिंक

यह सापेक्ष पथ URL के साथ एक लिंक है:

<a href="link/html-text-link.htm">Text Link</a>

कोड इस लिंक को उत्पन्न करेगा:

पाठ लिंक

 

यह पूर्ण पथ URL के साथ एक लिंक है:

<a href="https://www.rapidtables.org/web/html/link/html-text-link.htm">Text Link</a>

कोड इस लिंक को उत्पन्न करेगा:

पाठ लिंक

HTML लिंक कोड जनरेटर

लिंक प्रकार का चयन करें:

लिंक टेक्स्ट दर्ज करें:    
लिंक करने के लिए URL दर्ज करें:    
CSS लिंक शैली सेट करें:    
सामान्य लिंक:    
रंग:
पीछे का रंग:
text-decoration:  
को लक्षित नए:  
होवर किए गए लिंक:    
रंग:
पीछे का रंग:
text-decoration:  
को लक्षित नए:  
उत्पन्न लिंक देखें:    
जनरेटेड लिंक कोड:    

 


यह सभी देखें

Advertising

वेब HTML
रैपिड टाइलें