Στο HTML, τι είναι μια ετικέτα εικόνας;

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

Για να προσθέσετε μια εικόνα, η ετικέτα εικόνας περιλαμβάνεται όπου θέλετε να εμφανιστεί η εικόνα στη σελίδα σας.Για παράδειγμα, εάν μια εικόνα έπρεπε να εισαχθεί μετά από αυτή την παράγραφο, η ετικέτα εικόνας, ή lt; img gt;, θα προστεθεί στο έγγραφο HTML μετά από αυτή την παράγραφο.Η ετικέτα lt; img gt;Ορίζει όλες τις εικόνες στο HTML.Αναφέρεται ως κενή ετικέτα, καθώς περιέχει χαρακτηριστικά και δεν έχει ετικέτα κλεισίματος.Τα χαρακτηριστικά είναι επιλογές που είναι διαθέσιμες για μια συγκεκριμένη ετικέτα HTML.προστέθηκαν σε ένα έγγραφο HTML, τίποτα δεν θα έδειχνε ότι τα χαρακτηριστικά της ετικέτας δεν έχουν συμπεριληφθεί.Το πιο σημαντικό χαρακτηριστικό για το img gt;είναι το SRC, το οποίο αντιπροσωπεύει την πηγή.Το χαρακτηριστικό SRC δηλώνει πού βρίσκεται το αρχείο εικόνας ή είναι η διεύθυνση για το αρχείο εικόνας.Καθώς η εικόνα χρησιμοποιείται σε μια ιστοσελίδα, η τοποθεσία της εικόνας θα δοθεί ως διεύθυνση URL.Μέσα στο έγγραφο HTML, η εικόνα θα μοιάζει με: lt; IMG SRC ' URL /gt;.Για παράδειγμα, εάν μια εικόνα ενός υπολογιστή με το όνομα αρχείου computer.jpg αποθηκεύτηκε στο φάκελο εικόνων στο www.wisegeek.com, η διεύθυνση URL θα αντικατασταθεί με: lt; img src ' www.wekgeek.com/εικόνες/υπολογιστή.jpg / gt;.Όταν το πρόγραμμα περιήγησης ανοίγει την ιστοσελίδα, εμφανίζει την εικόνα όπου περιλαμβάνεται η ετικέτα εικόνας.

Η ετικέτα εικόνας έχει πολλά άλλα διαφορετικά χαρακτηριστικά.Επιτρέπουν σε έναν χρήστη να προσαρμόσει τον τρόπο εμφάνισης της εικόνας στη σελίδα.Τα ακόλουθα χαρακτηριστικά χρησιμοποιούνται συνήθως για αυτήν την ετικέτα: alt, border, μέγεθος και ευθυγράμμιση.

Το χαρακτηριστικό

alt

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

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

Το χαρακτηριστικό Ευθυγραμμίστε Καθορίζει τον τρόπο ευθυγράμμισης της εικόνας σε σύγκριση με το κείμενο στη σελίδα.Υπάρχουν πολλές διαφορετικές επιλογές για αυτό το χαρακτηριστικό, όπως πάνω, κάτω, μέση, αριστερά, δεξιά, absmiddle, absbottom, baseline και texttop.Αυτές οι ετικέτες βοηθούν επίσης στον προσδιορισμό του τρόπου με τον οποίο το κείμενο στη σελίδα ευθυγραμμίζεται με την εικόνα.