Ποιος είναι ο κατάλληλος τρόπος για να χρησιμοποιήσετε μια ετικέτα εικόνας HTML;

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

Όταν προσθέτετε εικόνες σε μια ιστοσελίδα, είναι σημαντικό να θυμάστε ότι μια εικόνα δεν είναι στην πραγματικότητα μέρος του αρχείου που αποτελεί την ίδια την ιστοσελίδα.Τα αρχεία που χρησιμοποιούνται για την ιστοσελίδα είναι ξεχωριστά αρχεία από όλα τα αρχεία εικόνας.Η ετικέτα εικόνας HTML αναφέρεται στο πρόγραμμα περιήγησης ιστού στο συγκεκριμένο αρχείο εικόνας για την εικόνα που θέλετε να εμφανιστεί.Όταν εμφανίζεται η ιστοσελίδα σε ένα πρόγραμμα περιήγησης, το αρχείο εικόνας εμφανίζεται μαζί με οποιαδήποτε άλλα αρχεία που συνθέτουν τη σελίδα αυτή.

Ο κωδικός για την ετικέτα εικόνας HTML είναι: lt; img src ' θέση εικόνας / gt;.Η τοποθεσία εικόνας είναι το όνομα αρχείου για την εικόνα που θέλετε να εμφανιστεί και πού αποθηκεύεται η εικόνα.Είναι σημαντικό να έχετε αυτές τις πληροφορίες σωστές για να διασφαλίσετε ότι η εικόνα εμφανίζεται σωστά.Ο οργανισμός και η αποθήκευση εικόνων που θέλετε να χρησιμοποιήσετε στην ιστοσελίδα σας είναι σημαντικές εκτιμήσεις.

Μερικοί άνθρωποι αποθηκεύουν τις εικόνες τους στον ίδιο κατάλογο με όλα τα άλλα μέρη των ιστοσελίδων τους.Σε αυτή την περίπτωση, όταν αναφέρεστε στην εικόνα, θα συμπεριλάβατε μόνο το όνομα αρχείου στην ετικέτα εικόνας HTML.Όταν μια ιστοσελίδα έχει μια σειρά εικόνων, είναι κοινό να δημιουργείτε ένα υποκατηγορία, που συχνά ονομάζονται εικόνες .Σε αυτή την περίπτωση, το όνομα του υποκαταλόγου θα συμπεριληφθεί επίσης στην ετικέτα. "Ως παράδειγμα, εδώ είναι αυτό που θα κάναμε για να εισαγάγουμε μια εικόνα ενός δέντρου, FileName tree.jpg, σε μια ιστοσελίδα.Εάν είχαμε αποθηκεύσει την εικόνα του δέντρου στο ίδιο μέρος με τα άλλα αρχεία ιστοσελίδας μας, η ετικέτα εικόνας HTML θα ήταν lt; img src ' tree.jpg gt;.Εάν το αρχείο εικόνας αποθηκεύτηκε σε έναν υποκαταλόγο στον κατάλογο της ιστοσελίδας μας, η ετικέτα θα αλλάξει σε IMG SRC ' εικόνες/tree.jpg gt;.Αυτό που είναι σημαντικό να θυμάστε είναι ότι η ετικέτα εικόνας HTML παρέχει μια αναφορά ή μια διαδρομή στο αρχείο εικόνας.Βασικά, λέει στο πρόγραμμα περιήγησης πού να αναζητήσετε το αρχείο.

Η ετικέτα εικόνας HTML έχει μια σειρά χαρακτηριστικών που μπορούν να καθοριστούν για την εικόνα που θέλετε να συμπεριλάβετε.Τα χαρακτηριστικά είναι χαρακτηριστικά της ίδιας της ετικέτας και έτσι χρησιμοποιούνται μέσα στην ετικέτα ή μεταξύ του LT.και gt;.Τα χαρακτηριστικά που χρησιμοποιούνται με την ετικέτα εικόνας HTML είναι:

ALIGN MDASH;Καθορίζει πώς η εικόνα σας είναι ευθυγραμμισμένη σε σχέση με το κείμενο στη σελίδα σας (αριστερά, δεξιά, κορυφή, μεσαία, κάτω)

alt mdash;αναφέρεται σε εναλλακτικό κείμενο.Αυτό είναι ένα πολύ σημαντικό χαρακτηριστικό και πρέπει να συμπεριληφθεί για όλες τις εικόνες σας.Καθορίζει το κείμενο που εμφανίζεται αντί της εικόνας
Border mdash;Προσθέτει ένα περίγραμμα στην εικόνα σας, με το πάχος που καθορίζεται στα εικονοστοιχεία
Μπορεί να χρησιμοποιηθεί για να καθορίσει το πλάτος και το ύψος της εικόνας που θέλετε να εμφανιστεί, το οποίο σας επιτρέπει να αλλάξετε το μέγεθος της εικόνας.Προσέξτε με τη χρήση αυτών των χαρακτηριστικών, καθώς μπορείτε να αλλάξετε την ποιότητα της εικόνας και των αναλογιών, με αποτέλεσμα τις εικόνες κακής ποιότητας vspace και hspace mdash;χρησιμοποιούνται για την προσθήκη λευκού χώρου γύρω από την εικόνα σας.