Τι είναι ένας σύνδεσμος εικόνας HTML;

Όταν ένα άτομο δημιουργεί μια ιστοσελίδα που περιέχει μια εικόνα, η εικόνα δεν εισάγεται στην σελίδα με τις υπόλοιπες πληροφορίες.Για την εμφάνιση εικόνων στον ιστό, χρησιμοποιείται ένας σύνδεσμος εικόνας HTML αντί να ενσωματώνει την εικόνα μέσα στη σελίδα.Για να χρησιμοποιήσετε το σύνδεσμο εικόνας HTML, το#60; IMG #62;Η ετικέτα HTML χρησιμοποιείται για την παροχή των πληροφοριών για το πού αποθηκεύεται η εικόνα και είναι προσβάσιμη.Αυτή η ετικέτα μπορεί να χρησιμοποιηθεί με όλα τα προγράμματα περιήγησης και μπορεί να χρησιμοποιηθεί για τη φόρτωση όλων των τύπων εικόνων που υποστηρίζονται από τα προγράμματα περιήγησης.Μόνο η ετικέτα δεν παρέχει πληροφορίες στην ιστοσελίδα που προορίζεται να περιέχει μια εικόνα.Υπάρχουν δύο χαρακτηριστικά που απαιτούνται για τη σύνδεση εικόνας HTML για να γραφτεί σωστά, έτσι ώστε η εικόνα να φορτώνεται όταν φορτώνει η ιστοσελίδα.Υπάρχουν επίσης πολλά προαιρετικά χαρακτηριστικά που μπορούν να συμπεριληφθούν για την παροχή περαιτέρω πληροφοριών.Τα χαρακτηριστικά που απαιτούνται για τη σύνταξη του συνδέσμου εικόνας είναι

src

και alt .Η διεύθυνση URL μπορεί να πάρει μία από τις δύο μορφές.Μια απόλυτη διεύθυνση URL παρέχει μια πλήρη διεύθυνση ιστού που κατευθύνει σε μια εικόνα σε έναν άλλο ιστότοπο.Ένα παράδειγμα ενσωμάτωσης μιας απόλυτης διεύθυνσης URL για το χαρακτηριστικό SRC θα ήταν: src ' http: //www.website.com/image.jpg mdash;όπου το Website.com δείχνει σε έναν άλλο ιστότοπο και το Image.jpg δείχνει μια συγκεκριμένη εικόνα. Η άλλη επιλογή για τη διεύθυνση URL μέσα στο χαρακτηριστικό SRC

είναι να γράψετε μια σχετική διεύθυνση URL.Στην περίπτωση μιας σχετικής διεύθυνσης URL, η διεύθυνση ιστού παρέχει έναν σύνδεσμο σε μια εικόνα στον ίδιο κατάλογο ιστότοπου.Η σχετική διεύθυνση URL είναι μια περικομμένη έκδοση μιας απόλυτης διεύθυνσης URL καθώς η εικόνα βρίσκεται στον ίδιο τόπο με την ιστοσελίδα.Παραδείγματα του χαρακτηριστικού SRC με σχετική διεύθυνση URL είναι: src ' image.jpg ή src ' εικόνες/image.jpg.Η μόνη διαφορά σε αυτά τα παραδείγματα είναι όπου βρίσκεται η εικόνα, καθώς βρίσκεται μέσα σε ένα φάκελο εικόνων στο δεύτερο παράδειγμα.

Το άλλο απαιτούμενο χαρακτηριστικό είναι alt

, το οποίο παρέχει εναλλακτικό κείμενο για την εικόνα.Αυτό δεν είναι κείμενο που εμφανίζεται εάν ένας χρήστης αιωρείται ένα ποντίκι πάνω από την εικόνα, αλλά το κείμενο που εμφανίζεται εάν η εικόνα δεν μπορεί να εμφανιστεί για κάποιο λόγο.Υπάρχουν πολλοί λόγοι για τους οποίους μια εικόνα μπορεί να μην εμφανίζεται, συμπεριλαμβανομένων περιπτώσεων στις οποίες η διεύθυνση URL στο χαρακτηριστικό

SRC είναι λανθασμένο ή σπασμένο ή όταν ένας χρήστης που έχει όραση χρησιμοποιεί έναν αναγνώστη οθόνης.

Ο πιο βασικός κώδικαςΓια έναν σύνδεσμο εικόνας HTML θα μοιάζει με τα εξής:Δεδομένου ότι το#60; IMG #62;Η ετικέτα δεν διαθέτει τελική ετικέτα, είναι σημαντικό να την τερματίσετε με / έτσι ώστε το πρόγραμμα περιήγησης να γνωρίζει ότι η εντολή έχει τελειώσει.Το

src χαρακτηριστικό σημείων σε μια θέση για μια εικόνα, οπότε είναι σημαντικό να βεβαιωθείτε ότι οι σύνδεσμοι με άλλους ιστότοπους δεν έχουν σπάσει και ότι οι εικόνες δεν μετακινούνται σε έναν κατάλογο ιστότοπου και για τη διόρθωση συνδέσμων όταν συμβαίνουν προβλήματα.