HTML में <img> टैग का उपयोग किसी इमेज को वेब पेज पर दिखाने के लिए किया जाता है।
यह टैग <a> टैग के साथ उपयोग किया जा सकता है ताकि इमेज पर क्लिक करने से किसी दूसरी पेज पर रीडायरेक्ट किया जा सके।
HTML कोड – इमेज को लिंक के साथ जोड़ना (Redirect to another page on click):
<!DOCTYPE html>
<html lang=”hi”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>इमेज लिंक उदाहरण</title>
</head>
<body>
<h1>इमेज लिंक पर क्लिक करें</h1>
<!– <a> टैग के अंदर <img> टैग का उपयोग करके लिंक बनाना –>
<a href=”https://jaycomputer.net”>
<img src=”https://www.example.com/image.jpg” alt=”इमेज का विवरण” width=”300″ height=”200″>
</a>
</body>
</html>
कोड विवरण:
<img>टैग इमेज को पेज पर दिखाता है। इसमेंsrcएट्रिब्यूट होता है, जो इमेज का लिंक देता है।altएट्रिब्यूट इमेज का विवरण देता है, जो अगर इमेज लोड नहीं होती तो दिखता है।<a>टैग इमेज के चारों ओर लपेटा गया है, और इसकाhrefएट्रिब्यूट उस पेज का URL है, जिस पर क्लिक करने पर रीडायरेक्ट होगा।
इस कोड में, जब यूज़र इमेज पर क्लिक करेगा, तो वह https://jaycomputer.net पेज पर रीडायरेक्ट हो जाएगा।
Speak Your Mind