HTML ലിങ്ക് കോഡ്

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

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

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@cmtoinchesconvert.com">Send Mail</a>

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

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

 

കാണുക: HTML mailto ലിങ്ക് .

ഫയൽ ഡൗൺലോഡ് ചെയ്യുന്നതിനുള്ള 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>

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

വർണ്ണ പേജ് ലിങ്ക് ചെയ്യുക

ആപേക്ഷിക vs. സമ്പൂർണ്ണ പാത ലിങ്കുകൾ

ഇത് ആപേക്ഷിക പാത്ത് URL ഉള്ള ഒരു ലിങ്കാണ്:

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

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

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

 

ഇത് സമ്പൂർണ്ണ പാത്ത് URL ഉള്ള ഒരു ലിങ്കാണ്:

<a href="https://cmtoinchesconvert.com/ml/web/html/link/html-text-link.htm">Text Link</a>

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

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

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

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

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

 

---

ഇതും കാണുക

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