HTML ഇമേജ് ലിങ്ക്
ഒരു ഇമേജ് എങ്ങനെ ഒരു ലിങ്കാക്കാം.
HTML ഇമേജ് ലിങ്ക് കോഡ്
<a href="../html-link.htm"/<img src="flower.jpg" width="82" height="86"
title="White flower" alt="Flower"/</a/
അല്ലെങ്കിൽ വീതിയും ഉയരവും നിർണ്ണയിക്കാൻ css സ്റ്റൈലിംഗ് ഉപയോഗിക്കുക.
<a href="../html-link.htm"/<img src="flower.jpg" style="width:82px; height:86px"
title="White flower" alt="Flower"/</a/
കോഡ് ഈ ലിങ്ക് സൃഷ്ടിക്കും:
കോഡിന് ഇനിപ്പറയുന്ന ഭാഗങ്ങളുണ്ട്:
- <a> ലിങ്ക് ടാഗാണ്.
- href ആട്രിബ്യൂട്ട് ലിങ്കുചെയ്യുന്നതിന് URL സജ്ജമാക്കുന്നു.
- <img> ഇമേജ് ആരംഭ ടാഗ് ആണ്.
- src ആട്രിബ്യൂട്ട് ഇമേജ് ഫയൽ സജ്ജമാക്കുന്നു.
- ശീർഷക ആട്രിബ്യൂട്ട് ഇമേജ് ടൂൾടിപ്പ് വാചകം സജ്ജമാക്കുന്നു.
- alt എന്നത് ഇമേജ് ടാഗ് alt ടെക്സ്റ്റ് ആട്രിബ്യൂട്ടാണ്.
- സ്റ്റൈൽ ആട്രിബ്യൂട്ട് ചിത്രത്തിന്റെ വീതിയും ഉയരവും css ഉപയോഗിച്ച് സജ്ജമാക്കുന്നു.
- </a> ലിങ്ക് എൻഡ് ടാഗ് ആണ്.
ഇതും കാണുക