Οι υπερσύνδεσμοι είναι το θεμέλιο πάνω στο οποίο βασίζεται η δομή του Διαδικτύου. Αυτά τα στοιχεία των σελίδων Διαδικτύου σας επιτρέπουν να συνδέσετε τις σελίδες των ιστότοπων σε ένα μόνο δίκτυο. Ας ρίξουμε μια πιο προσεκτική ματιά στον τρόπο εισαγωγής των υπερσυνδέσμων σε έγγραφα.
Οδηγίες
Βήμα 1
Οι σύνδεσμοι υπερκειμένου έχουν σχεδιαστεί για τη σύνδεση κειμένου, εικόνων ή άλλων στοιχείων σελίδας με άλλα έγγραφα υπερκειμένου. Όλα τα στοιχεία μιας σελίδας ιστότοπου, συμπεριλαμβανομένων των συνδέσμων, δημιουργούνται από το πρόγραμμα περιήγησης, το οποίο λαμβάνει λεπτομερείς οδηγίες από τον κώδικα σελίδας που του αποστέλλεται από το διακομιστή. Αυτός ο κώδικας HTML (HyperText Markup Language) αποτελείται από "ετικέτες" που περιγράφουν τον τύπο, την εμφάνιση και τη θέση όλων των στοιχείων μιας ιστοσελίδας. Ένας τυπικός υπερσύνδεσμος δημιουργείται από το πρόγραμμα περιήγησης όταν συναντά την ακόλουθη ετικέτα στον κώδικα σελίδας, για παράδειγμα, την ακόλουθη ετικέτα: Σύνδεσμος κειμένου Εδώ είναι η ετικέτα ανοίγματος συνδέσμου, - η ετικέτα κλεισίματος. Η ετικέτα ανοίγματος μπορεί να περιέχει πρόσθετες πληροφορίες - "χαρακτηριστικά". Σε αυτόν τον απλό σύνδεσμο, το χαρακτηριστικό href περιέχει τη διεύθυνση URL της σελίδας ή άλλο έγγραφο που θα ζητηθεί εάν ένας επισκέπτης κάνει κλικ στον σύνδεσμο. Μερικές φορές δεν είναι απαραίτητο να αναφέρετε την πλήρη διεύθυνση - εάν το ζητούμενο έγγραφο βρίσκεται στον διακομιστή στον ίδιο φάκελο (ή σε έναν υποφάκελο σε αυτόν), τότε αρκεί να καθορίσετε μόνο το όνομά του ή τη διαδρομή προς τον υποφάκελο. Αυτές οι διευθύνσεις ονομάζονται "σχετικές", πρέπει να είναι γραμμένες, για παράδειγμα, ως εξής: Σύνδεσμος κειμένου Όταν κάνετε κλικ σε αυτόν τον σύνδεσμο, θα φορτωθεί το έγγραφο moreText.html από τον ίδιο φάκελο. Και οι απόλυτες διευθύνσεις συνδέσεων ξεκινούν με ένα πρωτόκολλο, για παράδειγμα: Σύνδεσμος κειμένου Εδώ "http" (HyperText Transfer Protocol) είναι η συνήθης διεύθυνση ενός εγγράφου σε ένα δίκτυο. Και αν καθορίσετε το πρωτόκολλο "mailto", τότε ο υπερσύνδεσμος θα ξεκινήσει το πρόγραμμα αλληλογραφίας σας, αντί να μεταβεί σε άλλη σελίδα: σύνδεσμος email)
Βήμα 2
Ένα άλλο χαρακτηριστικό υπερσύνδεσης που υποδεικνύει σε ποιο παράθυρο για να φορτώσει αυτό το νέο έγγραφο είναι γραμμένο "target". Εάν μπορείτε να εισαγάγετε οποιαδήποτε σωστή διεύθυνση στο χαρακτηριστικό href, τότε ο στόχος μπορεί να έχει μόνο τέσσερις τιμές: _self - η σελίδα πρέπει να φορτωθεί στο ίδιο παράθυρο ή πλαίσιο. Το "Frames" αναφέρεται σε ένα μέρος ενός παραθύρου χωρισμένο σε διάφορα μέρη. _Parent - εάν η ίδια η τρέχουσα σελίδα φορτώθηκε από άλλο παράθυρο (ή πλαίσιο), τότε έχει ένα παράθυρο "γονέα". Και η τιμή _parent απαιτεί τη σελίδα στην οποία τα σημεία σύνδεσης να φορτωθούν σε αυτό το γονικό παράθυρο. _Top - η νέα σελίδα πρέπει να φορτωθεί στο ίδιο παράθυρο. Εάν αυτό το παράθυρο χωριστεί σε πλαίσια, τότε κατά τη φόρτωση θα καταστραφούν και η νέα σελίδα θα είναι το μόνο πλαίσιο σε αυτό το παράθυρο. _Blank - θα ανοίξει ένα ξεχωριστό παράθυρο για να ακολουθήσει τον σύνδεσμο. Για παράδειγμα:
Ο σύνδεσμος θα ανοίξει σε νέο παράθυρο
Βήμα 3
Είναι δυνατό να δημιουργήσετε έναν υπερσύνδεσμο για να μην μεταβείτε σε άλλη σελίδα, αλλά σε μια δεδομένη ενότητα του ίδιου εγγράφου. Για να υποδείξετε έναν τέτοιο "προορισμό" στον κώδικα html του εγγράφου, χρησιμοποιείται ένας σύνδεσμος αγκύρωσης: Και ο σύνδεσμος που μετακινεί το έγγραφο σε αυτήν την άγκυρα μοιάζει με αυτόν: Σύνδεσμος προς την πρώτη άγκυρα της σελίδας Μπορείτε να συνδέσετε μόνο με αγκύρια σε αυτό το έγγραφο, αλλά και σε άλλα: Άγκυρα σε άλλη σελίδα Φυσικά, στον κώδικα html άλλου εγγράφου πρέπει να υπάρχει τέτοιος σύνδεσμος αγκύρωσης με το χαρακτηριστικό name = "Anchor1".
Βήμα 4
Ένας υπερσύνδεσμος μπορεί να εξυπηρετεί όχι μόνο κείμενο, αλλά και άλλα στοιχεία των σελίδων - για παράδειγμα, φωτογραφίες. Η απλούστερη ετικέτα που σχεδιάζει μια εικόνα μοιάζει με αυτήν: Και για να γίνει μια εικόνα υπερσύνδεσμος, πρέπει να περικλείεται μεταξύ των ετικετών συνδέσμου ανοίγματος και κλεισίματος:
