Πώς να μετατρέψετε μια εικόνα σε κώδικα HTML

Πληκτρολογώντας τα χέρια στο πληκτρολόγιο

Τα χέρια ενός άνδρα σε ένα πληκτρολόγιο υπολογιστή

Πίστωση εικόνας: JatinderKumar/iStock/Getty Images

Με λίγα μόνο αποσπάσματα κώδικα HTML, μπορείτε να ενσωματώσετε μια εικόνα σε οποιαδήποτε ιστοσελίδα, email ή άλλο έγγραφο HTML ή XML που βασίζεται στο Διαδίκτυο. Αν και δεν μπορείτε να "μετατρέψετε" μια εικόνα σε κώδικα HTML, μπορείτε να αποθηκεύσετε την εικόνα τοπικά ή σε μια συγκεκριμένη διεύθυνση Ιστού και στη συνέχεια να ορίσετε μια θέση για αυτήν σε ένα έγγραφο HTML. Μπορείτε επίσης να καθορίσετε πόσα pixel θα πρέπει να εμφανίζεται η εικόνα, τόσο κάθετα όσο και οριζόντια. Διαβάστε παρακάτω για να μάθετε πώς να μετατρέπετε μια εικόνα σε κώδικα HTML.

Βήμα 1

Επιλέξτε μια εικόνα. Μπορεί να είναι οποιαδήποτε εικόνα οποιουδήποτε μεγέθους.

Το βίντεο της ημέρας

Βήμα 2

Αποθηκεύστε την εικόνα τοπικά ή διαδικτυακά. Αυτό σημαίνει ότι μπορείτε να το αποθηκεύσετε στον υπολογιστή σας ή σε μια συγκεκριμένη διεύθυνση Web. Εάν θέλετε άλλα άτομα να μπορούν να δουν την εικόνα στο διαδίκτυο, πρέπει να ανεβάσετε την εικόνα σε έναν διακομιστή Web. Χρησιμοποιήστε τον διακομιστή του ιστότοπού σας ή εάν δεν έχετε ιστότοπο, δοκιμάστε να χρησιμοποιήσετε το Picasa ή άλλη εφαρμογή αποθήκευσης και κοινής χρήσης εικόνων. Σημειώστε τη διεύθυνση URL όπου είναι αποθηκευμένη η φωτογραφία.

Βήμα 3

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

Βήμα 4

Προσαρμόστε το πλάτος της εικόνας όπως θέλετε να εμφανίζεται, σε εικονοστοιχεία. Και πάλι, χρησιμοποιήστε την ακριβή διεύθυνση URL όπου είναι αποθηκευμένη η εικόνα. Για παράδειγμα, http://example.com/image.jpg" πλάτος=400>. Αυτό θα τεντώσει ή θα συρρικνώσει το υπάρχον πλάτος της εικόνας στα 400 pixel.

Βήμα 5

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

Βήμα 6

Συνδυάστε τις ρυθμίσεις πλάτους και ύψους όπως απαιτείται. Για παράδειγμα, .

Βήμα 7

Μετατρέψτε την εικόνα σε σύνδεσμο εάν θέλετε. Χρησιμοποιήστε την ετικέτα αγκύρωσης με την ετικέτα εικόνας ενσωματωμένη μέσα. Για παράδειγμα, .