Περιεχόμενο

• Βήματα
• Συμβουλές

Αυτό το άρθρο θα σας δείξει πώς να ορίσετε το ύψος και το πλάτος μιας εικόνας σε HTML.

• Το χαρακτηριστικό "πλάτος" ορίζει το πλάτος της εικόνας (σε εικονοστοιχεία).
• Το χαρακτηριστικό "ύψος" ορίζει το ύψος της εικόνας (σε εικονοστοιχεία).
• Στο HTML4.01, το ύψος μπορεί να οριστεί σε εικονοστοιχεία ή ως ποσοστό, αλλά στο HTML5, μόνο σε εικονοστοιχεία.

Βήματα

1. 1 Ανοίξτε το αρχείο HTML. Για παράδειγμα, ανοίξτε το αρχείο default.html.
2. 2 Προσθέστε την ακόλουθη γραμμή στον κώδικα HTML σας.
   • img src = "imagefile.webp" alt = "Εικόνα" height = "42" width = "42">
   • Το src περιέχει τη διαδρομή προς το αρχείο γραφικών (εικόνα).
   • σε alt, έχει οριστεί το μέγεθος της εικόνας.
3. 3 Αντικαταστήστε τις τιμές των χαρακτηριστικών ύψους και πλάτους με τις επιθυμητές τιμές. Για παράδειγμα, έτσι: ύψος = "19" πλάτος = "20"
4. 4 Αποθηκεύστε το αρχείο και ανοίξτε το σε οποιοδήποτε πρόγραμμα περιήγησης ιστού. Κάντε αυτό για να ελέγξετε πώς έχει αλλάξει το μέγεθος της εικόνας. Το χαρακτηριστικό "πλάτος" υποστηρίζεται από όλα τα μεγάλα προγράμματα περιήγησης (Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer).

Συμβουλές

• Ρυθμίζετε πάντα το ύψος και το πλάτος της εικόνας. Έτσι, όταν φορτώνεται η σελίδα, διατηρείται χώρος για την εικόνα. Διαφορετικά, το πρόγραμμα περιήγησης δεν θα γνωρίζει το μέγεθος της εικόνας και δεν θα διατηρεί χώρο, με αποτέλεσμα η διάταξη της σελίδας να αλλάζει καθώς φορτώνεται η σελίδα.
• Εάν το μέγεθος της μεγάλης εικόνας μειωθεί χρησιμοποιώντας τα χαρακτηριστικά "ύψος" και "πλάτος", ο χρήστης θα φορτώσει τη μεγάλη εικόνα (ακόμη και αν φαίνεται μικρή στη σελίδα). Επομένως, σας συνιστούμε να αλλάξετε πρώτα το μέγεθος της εικόνας σε έναν επεξεργαστή γραφικών.