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> ലിങ്ക് എൻഡ് ടാഗ് ആണ്.

 


ഇതും കാണുക

HTML ലിങ്കുകൾ
ഐഡി ടേബിളുകൾ