Είναι πολύ βολικό όταν η περιοχή του ενεργού συνδέσμου δεν είναι κείμενο, αλλά εικόνα. Η γλώσσα σήμανσης HTML είναι αρκετά ικανή να το κάνει αυτό. Το μόνο που χρειάζεται για αυτό είναι να συνδυάσετε τις ετικέτες με έναν ειδικό τρόπο.
Οδηγίες
Βήμα 1
Εάν όλα τα αρχεία στο διακομιστή είναι αποθηκευμένα σε έναν φάκελο, τότε γράψτε τον ακόλουθο κώδικα HTML της σελίδας:
‹A href=page.html› Κάνοντας κλικ σε αυτόν τον σύνδεσμο θα μεταφερθείτε σε άλλη σελίδα εντός του ιστότοπου ‹/a›
Βήμα 2
Μάθετε πώς μπορείτε να ενσωματώσετε συνδέσμους σε τοπικές σελίδες που βρίσκονται σε ιστότοπους τρίτων μερών στο HTML σας:
‹A href= https://server.domain/folder/page.html› Κάνοντας κλικ σε αυτόν τον σύνδεσμο θα μεταφερθείτε σε μια σελίδα που βρίσκεται σε εντελώς διαφορετικό ιστότοπο
Βήμα 3
Τώρα, δείτε πώς μπορείτε να εισαγάγετε εικόνες σε μια σελίδα που είναι αποθηκευμένη στον ίδιο διακομιστή με την τοποθεσία, υπό την προϋπόθεση ότι όλα τα αρχεία σε αυτόν τον διακομιστή είναι αποθηκευμένα σε έναν κοινόχρηστο φάκελο:
‹Img src = όνομα αρχείου.jpg›
Βήμα 4
Με τον ίδιο τρόπο, εισάγετε εικόνες που είναι αποθηκευμένες σε διακομιστές τρίτων στη σελίδα:
‹Img src =
Λάβετε υπόψη, ωστόσο, ότι ορισμένοι διακομιστές δεν επιτρέπουν την εισαγωγή εικόνων σε σελίδες εκτός αυτών, που δείχνουν προειδοποιητικά προφύλαξη οθόνης ή δεν εμφανίζουν τίποτα. Σε τέτοιες περιπτώσεις, μην αντιγράφετε την εικόνα σε τοπικό διακομιστή - θα αποτελεί παραβίαση πνευματικών δικαιωμάτων. Είναι καλύτερα να δώσετε έναν σύνδεσμο σε αυτήν την εικόνα.
Βήμα 5
Για να κάνετε κλικ σε μια εικόνα για να ακολουθήσετε το σύνδεσμο, συνδυάστε αυτές τις ετικέτες ως εξής:
‹A href= https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹/a›
Εάν θέλετε, αντικαταστήστε σε αυτήν την κατασκευή τον παγκόσμιο σύνδεσμο προς τη σελίδα με τον τοπικό ή, αντίθετα, τον τοπικό σύνδεσμο προς την εικόνα με τον καθολικό.
Βήμα 6
Τέλος, εάν θέλετε να ακολουθείται ο σύνδεσμος κάνοντας κλικ τόσο στην εικόνα όσο και στο κείμενο που βρίσκεται κάτω από αυτό, χρησιμοποιήστε μια πιο περίπλοκη κατασκευή όπως αυτή:
‹A href= https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹p› Θα ανακατευθυνθείτε σε άλλη σελίδα, ανεξάρτητα από το αν κάνετε κλικ σε αυτό το κείμενο ή σε αυτήν που βρίσκεται πάνω από αυτό εικόνα. Το αποτέλεσμα θα είναι ακριβώς το ίδιο.
