HTML ಇಮೇಜ್ ಲಿಂಕ್

ಚಿತ್ರವನ್ನು ಲಿಂಕ್ ಮಾಡುವುದು ಹೇಗೆ.

HTML ಇಮೇಜ್ ಲಿಂಕ್ ಕೋಡ್

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

ಅಥವಾ ಅಗಲ ಮತ್ತು ಎತ್ತರವನ್ನು ನಿರ್ಧರಿಸಲು ಸಿಎಸ್ಎಸ್ ಸ್ಟೈಲಿಂಗ್ ಅನ್ನು ಉತ್ತಮವಾಗಿ ಬಳಸಿ.

<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 ಲಿಂಕ್‌ಗಳು
ID ಟೇಬಲ್‌ಗಳು