Πώς να αυξήσετε το μέγεθος μιας εικόνας σε Html

Πίνακας περιεχομένων:

Πώς να αυξήσετε το μέγεθος μιας εικόνας σε Html
Πώς να αυξήσετε το μέγεθος μιας εικόνας σε Html

Βίντεο: Πώς να αυξήσετε το μέγεθος μιας εικόνας σε Html

Βίντεο: Πώς να αυξήσετε το μέγεθος μιας εικόνας σε Html
Βίντεο: Μάθημα HTML u0026 CSS - 15 - Εικόνες Margin Padding στο CSS Aloykatos PC Tech 2024, Νοέμβριος
Anonim

Μπορείτε να αλλάξετε το μέγεθος της εικόνας που εμφανίζεται στη σελίδα καθορίζοντας τα κατάλληλα χαρακτηριστικά για την ετικέτα

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

Πώς να αυξήσετε το μέγεθος μιας εικόνας σε html
Πώς να αυξήσετε το μέγεθος μιας εικόνας σε html

Εισαγάγετε μια φωτογραφία

Πριν από την επεξεργασία, προσθέστε μια εικόνα στη σελίδα καθορίζοντας ετικέτες

… Για να επεξεργαστείτε ένα έγγραφο HTML, πρέπει να ανοίξετε τη σελίδα σε οποιοδήποτε πρόγραμμα επεξεργασίας κειμένου. Κάντε δεξί κλικ στο αρχείο και επιλέξτε το χαρακτηριστικό "Open With" - "Notepad". Μπορείτε επίσης να καθορίσετε οποιοδήποτε άλλο πρόγραμμα επεξεργασίας που είναι πιο βολικό για εσάς να χρησιμοποιήσετε για την αλλαγή του κώδικα.

Μεταβείτε στην ενότητα εγγράφων και βρείτε την ετικέτα

… Εάν η εικόνα δεν έχει προστεθεί ακόμα στη σελίδα, εισαγάγετε τον ακόλουθο κωδικό:

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

Αλλαγή μεγέθους

Για να μεγεθύνετε την εικόνα, ορίστε τις κατάλληλες παραμέτρους πλάτους και ύψους προσθέτοντας χαρακτηριστικά στην ετικέτα εικόνας:

Η παράμετρος πλάτους αντιστοιχεί στο πλάτος της εικόνας και το ύψος περιέχει την ένδειξη του ύψους της εικόνας. Σε αυτήν την περίπτωση, όταν ανοίξει η σελίδα, θα εμφανιστεί μια εικόνα με πλάτος 300 pixel και ύψος 350 pixel στο παράθυρο του προγράμματος περιήγησης. Μπορείτε επίσης να προσθέσετε τα χαρακτηριστικά hspace και vspace για να αλλάξετε τις ρυθμίσεις μορφοποίησης στη σελίδα:

Σε αυτήν την περιγραφή, καθορίστηκαν οριζόντια (hspace) και κάθετα (vspace) περιθώρια από την εικόνα. Κάθε κείμενο που προστίθεται στη σελίδα θα απέχει 5 οριζόντια από την εικόνα και 10 pixel κάθετα. Το χαρακτηριστικό περίγραμμα είναι υπεύθυνο για τη δημιουργία περιγράμματος 1 εικονοστοιχείου γύρω από την εικόνα.

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

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

Αποθηκεύστε τις αλλαγές που έγιναν χρησιμοποιώντας τη λειτουργία "Αρχείο" - "Αποθήκευση" του παραθύρου "Σημειωματάριο". Ελέγξτε την εμφάνιση της εικόνας στο παράθυρο του προγράμματος περιήγησης ανοίγοντας το αρχείο HTML κάνοντας δεξί κλικ και επιλέγοντας "Άνοιγμα με". Στη λίστα των προτεινόμενων επιλογών, επιλέξτε το πρόγραμμα που χρησιμοποιείτε για να περιηγηθείτε στο Διαδίκτυο. Μπορείτε να επεξεργαστείτε το αρχείο HTML όσες φορές θέλετε για να προσαρμόσετε το μέγεθος της εικόνας.

Συνιστάται: