Εικόνα ως σύνδεσμος

Οι σύνδεσμοι μπορεί να μην είναι κείμενα. Είναι πολύ συνηθισμένο να χρησιμοποιούμε τις εικόνες ως συνδέσμους. Όπως έχουμε εξηγήσει, το ορατό μέρος των συνδέσεών μας τοποθετείται ανάμεσα στις ετικέτες <a> και </a> tags. Έτσι, η σύνταξη είναι:

<a href = "anotherPage.html" target="_blank">
     <img src = "imagesFiles/myphoto.png" alt = "This is a photo" title = "Click to visit the ....">
</a>

Σημείωση

Ίσως έχετε παρατηρήσει ότι χρησιμοποιούμεe href fγια συνδέσμους και src για media. Αυτά τα χαρακτηριστικά μπορεί να μοιάζουν παρόμοια, αλλά το πρόγραμμα περιήγησης τα αντιλαμβάνεται πολύ διαφορετικά.

Όταν το πρόγραμμα περιήγησης φορτώνει μια σελίδα, η διαδικασία φόρτωσης διακόπτεται μέχρι να εκτελεστούν όλα τα αρχεία  src (για παράδειγμα να φορτωθούν όλες οι εικόνες). Αντίθετα, η διαδικασία φόρτωσης δεν διακόπτεται για τα χαρακτηριστικά href .