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

 

Δείτε επίσης

ΣΥΝΔΕΣΜΟΙ HTML
ΠΙΝΑΚΕΣ ID