Το κείμενο σε μια ιστοσελίδα είναι πολύ πιο αναγνώσιμο όταν απεικονίζεται. Η HTML διατηρεί την ετικέτα img για το σκοπό αυτό. Χρησιμοποιώντας το σε συνδυασμό με άλλες ετικέτες, μπορείτε να κάνετε μια εικόνα ενεργό σύνδεσμο, συμπεριλαμβανομένης μιας μεγαλύτερης έκδοσης της ίδιας εικόνας.
Οδηγίες
Βήμα 1
Εάν το αρχείο εικόνας και το αρχείο HTML βρίσκονται στον ίδιο φάκελο, χρησιμοποιήστε τον ακόλουθο κώδικα HTML για να εισαγάγετε την εικόνα: όπου το imagename.jpg
Βήμα 2
Εάν το αρχείο εικόνας βρίσκεται στον ίδιο διακομιστή, αλλά σε διαφορετικό φάκελο, αλλάξτε αυτήν την κατασκευή ως εξής: όπου /folder/anotherfolder/imagename.jpg
Βήμα 3
Τοποθετήστε εικόνες που είναι αποθηκευμένες σε άλλους διακομιστές με προσοχή - ενδέχεται να είναι ενεργοποιημένη η προστασία έναντι έκπλυσης και, στη συνέχεια, αντί για την επιθυμητή εικόνα, ο επισκέπτης της σελίδας σας θα δει μια προειδοποίηση σχετικά με τέτοια προστασία. Εάν δεν υπάρχει τέτοια προστασία και ο κάτοχος του διακομιστή τρίτου μέρους δεν αντιτίθεται στην εισαγωγή των εικόνων που είναι αποθηκευμένες εκεί στις σελίδες άλλων ατόμων, χρησιμοποιήστε το ακόλουθο απόσπασμα κώδικα: όπου https://server.domain/folder/anotherfolder/imagename.jpg
Βήμα 4
Για να είναι ταυτόχρονα μια εικόνα σύνδεσμος προς άλλη σελίδα, χρησιμοποιήστε τον ακόλουθο κωδικό:, όπου linktext είναι η διεύθυνση συνδέσμου (τοπική ή καθολική).
Βήμα 5
Τέλος, έτσι ώστε όταν ο χρήστης κάνει κλικ στην εικόνα, ο χρήστης μπορεί να δει το μεγεθυμένο αντίγραφο, να αλλάξει το προηγούμενο τμήμα ως εξής: όπου το imagename-big.jpg