Το HTML είναι μια γλώσσα σήμανσης που χρησιμοποιείται για τη δημιουργία σελίδων στο Διαδίκτυο. Μπορεί να χρησιμοποιηθεί για την προσαρμογή της εμφάνισης διαφόρων στοιχείων, συμπεριλαμβανομένων εικόνων. Ο καθορισμός της εμφάνισης εικόνων σε HTML πραγματοποιείται μέσω ειδικής ετικέτας.
Οδηγίες
Βήμα 1
Ανοίξτε το αρχείο HTML με το πρόγραμμα επεξεργασίας κειμένου που χρησιμοποιείτε για την επεξεργασία ιστοσελίδων. Εάν δεν έχετε αρχείο HTML, δημιουργήστε το κάνοντας αριστερό κλικ στην επιφάνεια εργασίας ή στον απαιτούμενο φάκελο και κάντε κλικ στο μενού "Νέο" - "Κείμενο εγγράφου". Εισαγάγετε ένα όνομα αρχείου και προσθέστε την επέκταση html μετά την περίοδο. Στη συνέχεια, κάντε δεξί κλικ στο έγγραφο ξανά και επιλέξτε "Άνοιγμα με" - "Σημειωματάριο". Θα δείτε ένα κενό έγγραφο στο οποίο μπορείτε να βάλετε κώδικα HTML.
Βήμα 2
Για να δημιουργήσετε μια εικόνα σε HTML, χρησιμοποιείται μια ετικέτα, η οποία πρέπει να τοποθετηθεί σε μια ενότητα για προβολή. Για παράδειγμα:
Εικόνα σε HTML
Βήμα 3
Η ετικέτα δεν κλείνει και δεν απαιτεί ετικέτα κλεισίματος. Η κύρια παράμετρος της, που πρέπει να χρησιμοποιηθεί, είναι η src, η οποία καθορίζει τη διαδρομή προς το επιθυμητό αρχείο εικόνας. Μπορείτε να καθορίσετε σε αυτήν τη γραμμή τόσο την πλήρη (με https://) όσο και τη σχετική διαδρομή (για παράδειγμα, /pictures/img.jpg) στο αρχείο εικόνας που θέλετε να τοποθετήσετε.
Βήμα 4
Μια άλλη σημαντική παράμετρος είναι το alt, το οποίο καθορίζει το όνομα της εικόνας και την αναγνώρισή της στη σελίδα. Αυτό το όνομα θα εμφανίζεται όταν ο χρήστης αιωρεί το ποντίκι πάνω από την εικόνα.
Βήμα 5
Μπορείτε επίσης να χρησιμοποιήσετε τα χαρακτηριστικά πλάτους και ύψους για να ορίσετε παραμέτρους εικόνας. Η πρώτη ρύθμιση είναι υπεύθυνη για το μήκος και η δεύτερη είναι για το ύψος της εικόνας στη σελίδα. Αυτή η παράμετρος καθορίζεται σε pixel. Έτσι, η ετικέτα & img> μπορεί να οριστεί:
Βήμα 6
Χρησιμοποιώντας αυτήν την ετικέτα, δημιουργείται μια εικόνα, η διαδρομή προς την οποία εγγράφεται στο χαρακτηριστικό src. Όταν τοποθετείτε το δείκτη του ποντικιού πάνω από την εικόνα, θα δείτε το μήνυμα "όνομα εικόνας". Σε αυτήν την περίπτωση, η εικόνα θα έχει πλάτος 300 εικονοστοιχεία και ύψος 250 εικονοστοιχεία. Μπορείτε να ορίσετε όλες τις παραπάνω παραμέτρους όπως θέλετε.
Βήμα 7
Αποθηκεύστε τις αλλαγές στο αρχείο χρησιμοποιώντας τη λειτουργία "Αρχείο" - "Αποθήκευση". Ανοίξτε το έγγραφο σε ένα πρόγραμμα περιήγησης για να ελέγξετε εάν η εικόνα δημιουργήθηκε με επιτυχία σε HTML. Για να το κάνετε αυτό, κάντε δεξί κλικ στο αρχείο και επιλέξτε την ενότητα "Άνοιγμα με" και, στη συνέχεια, κάντε κλικ στη γραμμή με το όνομα του προγράμματος περιήγησής σας. Η δημιουργία εικόνας HTML ολοκληρώθηκε.
