Πώς να βάλετε μια εικόνα σε HTML

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

Πώς να βάλετε μια εικόνα σε HTML
Πώς να βάλετε μια εικόνα σε HTML

Βίντεο: Πώς να βάλετε μια εικόνα σε HTML

Βίντεο: Πώς να βάλετε μια εικόνα σε HTML
Βίντεο: HTML στα ελληνικά 4/8 (images & videos) 2024, Δεκέμβριος
Anonim

Το κείμενο σε μια ιστοσελίδα είναι πολύ πιο αναγνώσιμο όταν απεικονίζεται. Η HTML διατηρεί την ετικέτα img για το σκοπό αυτό. Χρησιμοποιώντας το σε συνδυασμό με άλλες ετικέτες, μπορείτε να κάνετε μια εικόνα ενεργό σύνδεσμο, συμπεριλαμβανομένης μιας μεγαλύτερης έκδοσης της ίδιας εικόνας.

Πώς να βάλετε μια εικόνα σε HTML
Πώς να βάλετε μια εικόνα σε HTML

Οδηγίες

Βήμα 1

Εάν το αρχείο εικόνας και το αρχείο HTML βρίσκονται στον ίδιο φάκελο, χρησιμοποιήστε τον ακόλουθο κώδικα HTML για να εισαγάγετε την εικόνα: όπου το imagename.jpg

Βήμα 2

Εάν το αρχείο εικόνας βρίσκεται στον ίδιο διακομιστή, αλλά σε διαφορετικό φάκελο, αλλάξτε αυτήν την κατασκευή ως εξής: όπου /folder/anotherfolder/imagename.jpg

Βήμα 3

Τοποθετήστε εικόνες που είναι αποθηκευμένες σε άλλους διακομιστές με προσοχή - ενδέχεται να είναι ενεργοποιημένη η προστασία έναντι έκπλυσης και, στη συνέχεια, αντί για την επιθυμητή εικόνα, ο επισκέπτης της σελίδας σας θα δει μια προειδοποίηση σχετικά με τέτοια προστασία. Εάν δεν υπάρχει τέτοια προστασία και ο κάτοχος του διακομιστή τρίτου μέρους δεν αντιτίθεται στην εισαγωγή των εικόνων που είναι αποθηκευμένες εκεί στις σελίδες άλλων ατόμων, χρησιμοποιήστε το ακόλουθο απόσπασμα κώδικα: όπου https://server.domain/folder/anotherfolder/imagename.jpg

Βήμα 4

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

Βήμα 5

Τέλος, έτσι ώστε όταν ο χρήστης κάνει κλικ στην εικόνα, ο χρήστης μπορεί να δει το μεγεθυμένο αντίγραφο, να αλλάξει το προηγούμενο τμήμα ως εξής: όπου το imagename-big.jpg

Συνιστάται: