HTML ലിങ്ക് കോഡ്

HTML ലിങ്ക് കോഡ് എങ്ങനെ എഴുതാം.

• ടെക്സ്റ്റ് ലിങ്ക്
• ഒരേ പേജിലേക്ക് ലിങ്ക് ചെയ്യുക
• ഇമേജ് ലിങ്ക്
• ഇ-മെയിൽ ലിങ്ക്
• ഫയൽ ഡ .ൺ‌ലോഡിലേക്കുള്ള ലിങ്ക്
• പുതിയ വിൻഡോയിൽ ലിങ്ക് തുറന്നു
• ബട്ടൺ ലിങ്ക്
• ലിങ്ക് നിറം
• ആപേക്ഷിക വേഴ്സസ് കേവല പാത്ത് ലിങ്കുകൾ
• ലിങ്ക് കോഡ് ജനറേറ്റർ

HTML ടെക്സ്റ്റ് ലിങ്ക്

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

കോഡ് ഈ ലിങ്ക് സൃഷ്ടിക്കും:

ടെക്സ്റ്റ് ലിങ്ക്

ഒരേ പേജിലേക്കുള്ള HTML ലിങ്ക്

ആങ്കർ ലിങ്ക് കോഡ്:

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

കോഡ് ഈ ലിങ്ക് സൃഷ്ടിക്കും:

ലിങ്ക് കോഡ് ജനറേറ്റർ

ലിങ്ക് അമർ‌ത്തുമ്പോൾ‌ ഈ കോഡ് ഉപയോഗിച്ച് ബ്ര browser സർ‌ ചുവടെയുള്ള തലക്കെട്ടിലേക്ക് പോകും:

<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@KyLabs">Send Mail</a>

കോഡ് ഈ ലിങ്ക് സൃഷ്ടിക്കും:

മെയിൽ അയയ്ക്കുക

 

കാണുക: HTML മെയിലോ ലിങ്ക് .

ഫയൽ ഡ .ൺ‌ലോഡിലേക്കുള്ള HTML ലിങ്ക്

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

കോഡ് ഈ ലിങ്ക് സൃഷ്ടിക്കും:

ഫയൽ ഡൗൺലോഡുചെയ്യുക

 

കാണുക: HTML ഡ download ൺ‌ലോഡ് ലിങ്ക്

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://kylabs.net/web/html/link/html-text-link.htm">Text Link</a>

കോഡ് ഈ ലിങ്ക് സൃഷ്ടിക്കും:

ടെക്സ്റ്റ് ലിങ്ക്

HTML ലിങ്ക് കോഡ് ജനറേറ്റർ

ലിങ്ക് തരം തിരഞ്ഞെടുക്കുക:

ടെക്സ്റ്റ് ലിങ്ക് ഇമേജ് ലിങ്ക് ഇമെയിൽ ലിങ്ക് ആങ്കർ ലിങ്ക് എന്ന് നാമകരണം ചെയ്തു
ലിങ്ക് വാചകം നൽകുക:
ഇതിലേക്ക് ലിങ്കുചെയ്യുന്നതിന് URL നൽകുക:
CSS ലിങ്ക് ശൈലി സജ്ജമാക്കുക:
സാധാരണ ലിങ്ക്:
നിറം:	- ഹെക്സ് കോഡ് - അക്വാ കറുപ്പ് നീല ഫ്യൂഷിയ ഗ്രേ പച്ച നാരങ്ങ മജന്ത മെറൂൺ നേവി ഒലിവ് പർപ്പിൾ ചുവപ്പ് വെള്ളി ടീ വെള്ള മഞ്ഞ
പശ്ചാത്തല നിറം:	- ഹെക്സ് കോഡ് - അക്വാ കറുപ്പ് നീല ഫ്യൂഷിയ ഗ്രേ പച്ച നാരങ്ങ മജന്ത മെറൂൺ നേവി ഒലിവ് പർപ്പിൾ ചുവപ്പ് വെള്ളി ടീ വെള്ള മഞ്ഞ
ടെക്സ്റ്റ്-ഡെക്കറേഷൻ:	അടിവരയിടുക ഒന്നുമില്ല
ടാർഗെറ്റ്-പുതിയത്:	ഒന്നുമില്ല ടാബ് ജാലകം
ഹോവർഡ് ലിങ്ക്:
നിറം:	- ഹെക്സ് കോഡ് - അക്വാ കറുപ്പ് നീല ഫ്യൂഷിയ ഗ്രേ പച്ച നാരങ്ങ മജന്ത മെറൂൺ നേവി ഒലിവ് പർപ്പിൾ ചുവപ്പ് വെള്ളി ടീ വെള്ള മഞ്ഞ
പശ്ചാത്തല നിറം:	- ഹെക്സ് കോഡ് - അക്വാ കറുപ്പ് നീല ഫ്യൂഷിയ ഗ്രേ പച്ച നാരങ്ങ മജന്ത മെറൂൺ നേവി ഒലിവ് പർപ്പിൾ ചുവപ്പ് വെള്ളി ടീ വെള്ള മഞ്ഞ
ടെക്സ്റ്റ്-ഡെക്കറേഷൻ:	അടിവരയിടുക ഒന്നുമില്ല
ടാർഗെറ്റ്-പുതിയത്:	ഒന്നുമില്ല ടാബ് ജാലകം
സൃഷ്ടിച്ച ലിങ്ക് കാഴ്ച:
സൃഷ്ടിച്ച ലിങ്ക് കോഡ്:

 

---

ഇതും കാണുക

• HTML അഭിപ്രായങ്ങൾ
• HTML ആങ്കർ ലിങ്ക്
• HTML ബട്ടൺ ലിങ്ക്
• HTML ഡൗൺലോഡ് ലിങ്ക്
• HTML ഇമേജ് ലിങ്ക്
• HTML ലിങ്ക് നിറം
• HTML മെയിലോ ലിങ്ക്
• HTML പുതിയ വിൻഡോ ലിങ്ക്
• HTML ടെക്സ്റ്റ് ലിങ്ക്

\n'; txt+= '\n'; txt+= ' \n'; txt+= ' '+text2+'\n'; txt+= '\n'; //ftxt = ''+text+'\n'; } TA1.value = txt; OnUpdateView(); } function ResetButton() { url = "../../../index.html"; text = "The Link Text"; T1.value = text; T2.value = url; T1.style.color = "#aaa"; T2.style.color = "#aaa"; GenerateButton(); } function ResetText(obj, op) { if( op==0 ) // onclick { if( (obj==T1 && obj.value==text)||(obj==T2 && obj.value == url) ) { obj.value = ""; obj.style.color = "#000"; } } else // onblur { if( obj.value == "" ) { if( obj==T1 ) obj.value = text; else obj.value = url; obj.style.color = "#aaa"; } } } function SetFocus() { calc.input.focus(); }