Σύνδεσμος εικόνας 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 ορίζει το αρχείο εικόνας.
• Το χαρακτηριστικό title ορίζει το κείμενο συμβουλής εργαλείου εικόνας.
• Το alt είναι το χαρακτηριστικό alt text της ετικέτας εικόνας.
• Το χαρακτηριστικό στυλ ορίζει με css το πλάτος και το ύψος της εικόνας.
• </a> είναι η ετικέτα τέλους συνδέσμου.

Δείτε επίσης

• Σύνδεσμος HTML
• Σύνδεσμος αγκύρωσης HTML
• Σύνδεσμος κουμπιού HTML
• Σύνδεσμος λήψης HTML
• Χρώμα συνδέσμου HTML
• Σύνδεσμος αλληλογραφίας HTML προς
• Σύνδεσμος HTML νέου παραθύρου