Ετικέτες HTML για την εισαγωγή υπερσυνδέσμων. Πώς να δημιουργήσετε μια εικόνα συνδέσμου σε html. Υπογράμμιση σε συνδέσμους
Κυκλοφόρησε ένα νέο βιβλίο, το Social Media Content Marketing: How to Get Inside Your Followers' Heads and Make Them Fall Fall with Your Brand.
Αυτό είναι ένα διαφημιστικό πανό στα δεξιά του δρόμου. Μια πολύχρωμη εικόνα μπορεί να στείλει έναν οδηγό στον κόσμο που διαφημίζει. Εάν, φυσικά, ο ταξιδιώτης θέλει να πάει εκεί - δηλαδή, πηγαίνει στη διεύθυνση που αναγράφεται στο banner.
Τύποι συνδέσμων στον ιστότοπο
Όπως έχουμε ήδη, οι σύνδεσμοι στον ιστότοπο μπορεί να είναι διαφορετικοί. Οι δύο κύριοι τύποι συνδέσμων είναι το κείμενο αγκύρωσης, το κείμενο χωρίς άγκυρα και οι σύνδεσμοι εικόνας. Οι σύνδεσμοι κειμένου είναι σημαντικοί για την προώθηση, καθώς αυξάνουν το βάρος των ερωτημάτων αναζήτησης από τη λίστα αγκύρωσης. Οι σύνδεσμοι εικόνας μεταδίδουν επίσης βάρος, αλλά πιο συχνά χρησιμοποιούνται για τη βελτίωση της χρηστικότητας του ιστότοπου.
Για παράδειγμα, στην ενότητα "Συλλογή φωτογραφιών", για τη διευκόλυνση των χρηστών, είναι λογικό να δημιουργείτε συνδέσμους εικόνων. Όταν κάνετε κλικ στο εικονίδιο της φωτογραφίας, ανοίγει ένα νέο μεγάλο παράθυρο, στο οποίο ένα άτομο μπορεί να δει πλήρως την εικόνα σε μεγάλη μορφή. Ή, για παράδειγμα, η εικόνα του χάρτη οδήγησης μπορεί επίσης να μεγεθύνεται εάν το επιθυμεί ο χρήστης. Εάν το κείμενό σας περιέχει σχέδια και γραφικά, είναι λογικό να παρέχετε έναν σύνδεσμο για τη λήψη της εικόνας σε πλήρες μέγεθος.
Η εικόνα μπορεί να οδηγήσει σε άλλη σελίδα στον ιστότοπο. Αυτό θα μπορούσε να είναι μια διαδρομή από διαφημιστικό banner, στοιχείο μενού κ.λπ.
Σας υπενθυμίζουμε ότι δεν συνιστάται να οργανώσετε το μενού στον ιστότοπό σας με τη μορφή εικόνων - αυτό είναι άβολο τόσο για εσάς όσο και για μηχανή αναζήτησης. Συνιστάται η χρήση κειμένου.
Πώς να εισαγάγετε έναν σύνδεσμο σε μια εικόνα
Τα περισσότερα CMS διαθέτουν ενσωματωμένους επεξεργαστές που σας επιτρέπουν να εργάζεστε με τη φόρτωση εικόνων και τη ρύθμιση συνδέσμων από αυτές.
- ΣΕ οπτικός επεξεργαστήςΣυνήθως μπορείτε απλά να επιλέξετε την εικόνα, να κάνετε κλικ στο κουμπί "εισαγωγή συνδέσμου" και να καθορίσετε το επιθυμητό url.
- Εάν εισάγετε έναν σύνδεσμο σε μια εικόνα ως κώδικα HTML, χρησιμοποιήστε την ακόλουθη ορθογραφία:
Ετικέτα<а>σημαίνει να ακολουθείς έναν σύνδεσμο, α καθορίζει τη διαδρομή προς την εικόνα από την οποία στέλνετε τον χρήστη κάπου. Δηλαδή, αρχικά πρέπει να το ανεβάσετε στον διακομιστή σας.
Πρόσθετες οδηγίες:
- ύψος, πλάτος - υποδεικνύουν το μέγεθος της εικόνας.
- περίγραμμα - εργαζόμαστε με μπορντούρα (πλαίσιο).
- alt - εναλλακτικό κείμενο για τον επισκέπτη του οποίου η εικόνα δεν εμφανίστηκε.
Μπορείτε να προσθέσετε μια σκιά στην εικόνα, να αλλάξετε τη διαφάνεια όταν τοποθετείτε το δείκτη του ποντικιού, να αλλάξετε χρώμα, στρογγυλές γωνίες - όλα αυτά είναι δυνατά με τα εργαλεία CSS.
Εάν δημιουργήσετε μια εικόνα από άλλο ιστότοπο ως σύνδεσμο
Μπορείτε να χρησιμοποιήσετε μια εικόνα από άλλο πόρο, για το σκοπό αυτό στο πρέπει να επικολλήσετε την πλήρη διαδρομή του.
Εάν θέλετε να τοποθετήσετε μια εικόνα στον ιστότοπό σας χωρίς να την κατεβάσετε, δηλαδή να την τραβήξετε από άλλη τοποθεσία:
- Να θυμάστε ότι η χρήση εικόνων άλλων δεν είναι σκόπιμο και γενικά αδύνατη, καθώς κάθε γραφικό υλικό έχει τον δικό του συγγραφέα.
- Όταν εμφανίζετε μια εικόνα που έχει φορτωθεί από τον πόρο κάποιου άλλου στον ιστότοπό σας, μεταφέρετε μέρος της εμπιστοσύνης του ιστότοπού σας σε έναν πόρο τρίτου μέρους και, επιπλέον, πληρώνετε για μεγαλύτερο χρόνο φόρτωσης σελίδας.
Όλα αυτά επιδεινώνουν τα αποτελέσματα της προώθησης της ιστοσελίδας.
Κανόνες για τη δημοσίευση συνδέσμων εικόνων στον ιστότοπο
- Σύνδεσμος μόνο από τις εικόνες σας.
- Χρησιμοποιήστε μοναδικές εικόνες. Ακριβώς όπως τα κείμενα, για επιτυχημένη προώθηση, οι εικόνες δεν πρέπει να επαναλαμβάνονται στο Διαδίκτυο.
- Μην ανεβάζετε τεράστια εικόνα. Οπτικά μπορείτε να το μειώσετε χρησιμοποιώντας πλάτος και ύψος στην ετικέτα
, και η εικόνα στη σελίδα θα είναι μικρή σε μέγεθος. Αλλά στην πραγματικότητα, μια εικόνα πλήρους μεγέθους θα φορτώνεται στη σελίδα κάθε φορά, γεγονός που θα αυξάνει τον χρόνο φόρτωσης της σελίδας και θα έχει άσχημη επίδραση στην προώθηση του ιστότοπου. Και η ποιότητα της αναγκαστικά συμπιεσμένης εικόνας θα υποφέρει.
- Κανω ΕΓΓΡΑΦΗ
- περιγραφή για κάθε εικόνα. Μπορείτε επίσης να εγγραφείτε .
- Μην παρασυρθείτε με τη χρήση τέτοιων συνδέσμων. Ωστόσο, οι σύνδεσμοι κειμένου παίζουν πιο σημαντικό ρόλο κατά την προώθηση ενός πόρου.
Το κύριο χαρακτηριστικό γνώρισμα των εγγράφων HTML είναι η δημιουργία ειδικών ενεργών συνδέσμων προς άλλα έγγραφα, που ονομάζονται υπερσύνδεσμοι.
Όταν τοποθετείτε το ποντίκι σας πάνω τους, ο κέρσορας παίρνει το σχήμα ενός χεριού και όταν κάνετε κλικ, ανοίγει μια άλλη ιστοσελίδα ή ένα συγκεκριμένο έγγραφο στο παράθυρο του προγράμματος περιήγησης. Οι υπερσύνδεσμοι μπορεί να είναι είτε κείμενο είτε εικόνες.
Θα λειτουργήσει εάν το τελικό έγγραφο βρίσκεται στον ίδιο κατάλογο με το τρέχον. Επίσης, μπορείτε να καθορίσετε τη διαδρομή προς το αρχείο σε σχέση με τον ριζικό κατάλογο του ιστότοπου χρησιμοποιώντας τον χαρακτήρα "/".
Για παράδειγμα:
Για παράδειγμα:
Η δημιουργία υπερσυνδέσμων σε HTML είναι μια απλή διαδικασία. Από προεπιλογή, υπογραμμίζονται και επισημαίνονται με μπλε χρώμα και οι επισκέψεις επισημαίνονται με μωβ.
- σύνδεσμος – χρώμα συνδέσμων ιστοσελίδων.
- vlink – χρώμα των υπερσυνδέσμων ιστοσελίδων που επισκέπτεστε.
- alink – το χρώμα των ενεργών συνδέσμων σε μια ιστοσελίδα.
Για παράδειγμα:
Τα καθορισμένα χαρακτηριστικά καθορίζουν τα χρώματα συνδέσμου ολόκληρου του εγγράφου HTML. Εάν εισαγάγετε αυτόν τον κωδικό σε μια ετικέτα
, δεν θα χρειάζεται να ορίζετε το χρώμα της γραμματοσειράς κάθε φορά.Βασικά χαρακτηριστικά των υπερσυνδέσμων
1. τίτλος – σας επιτρέπει να δημιουργήσετε ένα κείμενο συμβουλής εργαλείου που εμφανίζεται όταν τοποθετείτε το ποντίκι σας πάνω από έναν υπερσύνδεσμο.
Για παράδειγμα:
2. target – λέει στο πρόγραμμα περιήγησης σε ποιο παράθυρο να ανοίξει τη σύνδεση.
Μπορεί να λάβει τις ακόλουθες τιμές:
- _blank – ο σύνδεσμος πρέπει να ανοίξει σε νέα καρτέλα.
- _self – Η υπερσύνδεση HTML πρέπει να ανοίξει στην τρέχουσα καρτέλα. Προεπιλεγμένη τιμή;
- _parent – το πρόγραμμα περιήγησης θα πρέπει να φορτώσει τον σύνδεσμο στο γονικό παράθυρο.
- _top – η υπερ-σύνδεση φορτώνεται σε ολόκληρο τον χώρο του παραθύρου του προγράμματος περιήγησης (το πλαίσιο σε αυτήν την περίπτωση εξαφανίζεται).
Για παράδειγμα:
Όνομα συνδέσμου
Έτσι, η απάντηση στην ερώτηση που κάνουν συχνά οι αρχάριοι webmasters είναι « πώς να εισάγετε υπερσύνδεσμο σε html"έλαβε.
Σας ευχόμαστε καλή επιτυχία στην εκμάθηση προγραμματισμού Ιστού!
Πώς να δημιουργήσετε συνδέσμους σε ένα έγγραφο HTML(Θα βρείτε περισσότερα παραδείγματα στο κάτω μέρος αυτής της σελίδας)
Υπερσύνδεσμοι HTML (Σύνδεσμοι)
Ετικέτα μπορεί να χρησιμοποιηθεί με δύο τρόπους:
- Για να δημιουργήσετε έναν σύνδεσμο προς ένα άλλο έγγραφο - χρησιμοποιώντας το χαρακτηριστικό href
- Για να δημιουργήσετε έναν σελιδοδείκτη μέσα σε ένα έγγραφο - χρησιμοποιώντας το χαρακτηριστικό name
Σύνδεσμοι σύνταξης HTML
Παράδειγμα
Επισκεφθείτε τον ιστότοπο |
θα εμφανιστεί από το πρόγραμμα περιήγησης ως εξής:
Σύνδεσμοι HTML - Χαρακτηριστικό στόχου
Το χαρακτηριστικό target καθορίζει πού να ανοίξει το συνδεδεμένο (αυτό στο οποίο αναφέρεται ο σύνδεσμος) έγγραφο.
Το παρακάτω παράδειγμα θα ανοίξει το συνδεδεμένο έγγραφο σε ένα νέο παράθυρο ή καρτέλα προγράμματος περιήγησης:
Σύνδεσμοι HTML - Χαρακτηριστικό ονόματος
Το χαρακτηριστικό name χρησιμοποιείται για τη δημιουργία ενός σελιδοδείκτη ("anchor") σε ένα έγγραφο HTML.
Σχόλιο:
Το επερχόμενο πρότυπο HTML5 προτείνει να χρησιμοποιήσετε το χαρακτηριστικό id αντί για το χαρακτηριστικό name για να καθορίσετε το όνομα του συνδέσμου.
Η χρήση του χαρακτηριστικού id λειτουργεί στην πραγματικότητα σε HTML4 σε όλα τα σύγχρονα προγράμματα περιήγησης.
Οι σελιδοδείκτες δεν εμφανίζονται με κάποιον ειδικό τρόπο. Δεν είναι ορατά στον αναγνώστη.
Σχόλιο:Πάντα να προσθέτετε μια τελευταία κάθετο σε συνδέσμους υποκαταλόγου. Εάν δημιουργήσετε έναν σύνδεσμο όπως αυτός: href="http://site/html", τότε δημιουργούνται δύο αιτήματα στον διακομιστή, πρώτα ο διακομιστής προσθέτει μια κάθετο στη διεύθυνση και, στη συνέχεια, δημιουργεί ένα νέο αίτημα: href="http ://site/html/" .
Συμβουλή:Οι επώνυμοι σύνδεσμοι χρησιμοποιούνται συχνά για τη δημιουργία ενός "πίνακα περιεχομένων" στην αρχή ενός μεγάλου εγγράφου. Σε κάθε κεφάλαιο ενός εγγράφου εκχωρείται μια ονομασμένη άγκυρα και οι σύνδεσμοι σε καθεμία από αυτές τις ονομασμένες αγκυρώσεις εισάγονται στην αρχή του εγγράφου.
Συμβουλή:Εάν το πρόγραμμα περιήγησης δεν βρει τον καθορισμένο σύνδεσμο με όνομα, πηγαίνει στην αρχή του εγγράφου. Δεν παρουσιάζονται σφάλματα.
Ας μιλήσουμε για μια μάλλον απλή, αλλά ταυτόχρονα δημοφιλή ερώτηση. Πώς να κάνετε μια εικόνα σύνδεσμο? Συμβαίνει ότι υπάρχει ανάγκη να προστεθεί ένας σύνδεσμος στη δομή του ιστότοπου, σε κάποιον πόρο, όχι με τη μορφή συνδέσμου κειμένου, αλλά με τη μορφή εικόνας. Κάτι που είναι αρκετά λογικό, αφού ένας σύνδεσμος σε μορφή εικόνας φαίνεται πιο ελκυστικός από έναν απλό σύνδεσμο κειμένου. Και, εξάλλου, γίνεται αντιληπτό στον επισκέπτη πολύ καλύτερα.
Το ερώτημα είναι στην πραγματικότητα αρκετά απλό, αλλά δεν είναι όλοι σε θέση να το λύσουν. Για παράδειγμα, προτείνω τη λήψη οποιασδήποτε εικόνας στο Διαδίκτυο και τη μετατροπή της σε σύνδεσμο προς έναν πόρο. Για παράδειγμα, θα προσθέσω έναν σύνδεσμο προς το κοινωνικό δίκτυο VKontakte σε αυτό το άρθρο. Και για να σχεδιάσω την εμφάνιση του συνδέσμου, θα χρησιμοποιήσω το λογότυπο VKontakte.
Έτσι, για να εφαρμόσετε το σχέδιό σας, πρέπει να βρείτε ή να σχεδιάσετε μια εικόνα, η οποία αργότερα θα γίνει σύνδεσμος. Και σκεφτείτε λίγο πώς να εμφανίσετε μια εικόνα, με χρησιμοποιώντας html. Και επίσης πώς να κάνετε την εικόνα να γίνει σύνδεσμος, με δυνατότητα πλήρους κλικ και λειτουργική.
HTML - κώδικας εικόνας.
Για να εμφανίσετε μια εικόνα σε κώδικα HTML, μπορείτε να χρησιμοποιήσετε την ετικέτα img που προορίζεται για αυτό. Ανάλογα με τη σύνταξη του κώδικά μας, η έξοδος της εικόνας μπορεί να φαίνεται διαφορετική. Για παράδειγμα, όταν χρησιμοποιείτε σύνταξη HTML, ο κώδικας θα μοιάζει με αυτό:
Και όταν χρησιμοποιείτε σύνταξη XHTML - όπως αυτό:
Περισσότερες λεπτομέρειες σχετικά με τη σύνταξη μπορείτε να βρείτε στο άρθρο σχετικά με το DOCTYPE.
Λίγα περισσότερα για τον κώδικα:
src=”URL” - Αντί για διεύθυνση URL, πρέπει να εισαγάγετε τη διαδρομή προς την εικόνα που θα μετατρέψουμε σε σύνδεσμο.
alt="εναλλακτικό κείμενο" - προορίζεται για εμφάνιση πληροφορίες κειμένουσχετικά με την εικόνα, όταν η εμφάνιση εικόνων είναι απενεργοποιημένη στο πρόγραμμα περιήγησης.
Επιπλέον, η ετικέτα img έχει και άλλα χαρακτηριστικά. Τα κυριότερα:
ύψος — ύψος εικόνας
πλάτος — πλάτος εικόνας
Αυτά είναι μερικά μόνο από τα χαρακτηριστικά που εφαρμόζονται στις εικόνες. Αλλά σε αυτή τη φάση έχουμε αρκετά. Όλα αυτά τα χαρακτηριστικά μπορούν να εκχωρηθούν όπως στο κώδικας html, και σε στυλ css.
HTML - κώδικας συνδέσμου.
Επεξηγήσεις για τον κώδικα:
Η ετικέτα a έχει επίσης άλλα χαρακτηριστικά, αλλά σε αυτό το στάδιο μπορεί να μας ενδιαφέρουν μόνο μερικά από αυτά:
στόχος - έχει σχεδιαστεί για να προσδιορίζει σε ποιο παράθυρο του προγράμματος περιήγησης θα ανοίξει το έγγραφο χρησιμοποιώντας τον τρέχοντα σύνδεσμο. Για παράδειγμα, το έγγραφο θα ανοίξει στο τρέχον παράθυρο (προεπιλογή) ή σε ένα νέο παράθυρο.
Έτσι, τώρα ξέρουμε ότι η εικόνα είναι ένας σύνδεσμος και αποτελείται από δύο μέρη κώδικα. Το μόνο που μένει είναι να τα συνδυάσουμε. Όπως είπα παραπάνω, θα χρησιμοποιήσω το λογότυπο κοινωνικό δίκτυο VKontakte, για να εμφανίσω μια εικόνα και να βάλω έναν σύνδεσμο στην ομάδα μου, στον οποίο, χρησιμοποιώντας το χαρακτηριστικό target, θα ρυθμίσω τον σύνδεσμο να ανοίγει σε νέο παράθυρο.
Αρχικά, πρέπει να ανεβάσετε την εικόνα στον διακομιστή που χρησιμοποιούμε ή να αντιγράψετε τον σύνδεσμο προς την εικόνα στο Διαδίκτυο. Προτιμώ να χρησιμοποιώ τον δικό μου διακομιστή για την εμφάνιση εικόνων.
Θα ήθελα να κάνω μια κράτηση αμέσως ότι ανέβασα την εικόνα στη βιβλιοθήκη του wordpress, δηλαδή σε αρχεία πολυμέσων. Επειδή θα προσθέσω απλώς έναν σύνδεσμο εικόνας στο άρθρο. Αλλά όταν σχεδιάζετε τον ιστότοπο και προσθέτετε διάφορα στοιχείαστον ιστότοπο, είναι πιο σωστό να ανεβάσετε εικόνες χρησιμοποιώντας ένα πρόγραμμα-πελάτη ftp στον φάκελο που προορίζεται για αυτό. Στο WordPress, ο φάκελος βρίσκεται πιο συχνά στον φάκελο θεμάτων και ονομάζεται images ή img.
Έτσι θα μοιάζει:
Όπως μπορούμε να δούμε, αποδείχθηκε, για να το θέσω ήπια, όχι πολύ καλά. Βελτιώσει εμφάνισηκαι η τοποθεσία θα βοηθηθεί από τα χαρακτηριστικά για το img. Πρόσθεσα επίσης μια παράγραφο στην οποία εκχώρησα το χαρακτηριστικό στοίχισης κειμένου στη μέση. Αυτό σημαίνει ότι το κείμενο και άλλα στοιχεία που βρίσκονται μεταξύ των ετικετών p θα ευθυγραμμιστούν.
Λίγα περισσότερα για την ετικέτα p:
Έχει σχεδιαστεί για να ορίζει μια παράγραφο κειμένου. Διαθέτει ετικέτες ανοίγματος και κλεισίματος.
στυλ - Το χαρακτηριστικό ορίζει τα στυλ του στοιχείου χρησιμοποιώντας κανόνες CSS.
text-align: κέντρο; — Κανόνας CSS. Καθορίζει την οριζόντια στοίχιση ενός στοιχείου (την ετικέτα p και όλα τα στοιχεία εντός). Σε αυτήν την περίπτωση, το στοιχείο ευθυγραμμίζεται στο κέντρο.
Λοιπόν, τακτοποιήσαμε την εικόνα. Αλλά δεν έχει γίνει ακόμα σύνδεσμος.
Αυτό είναι βασικά όλο. Με την πρώτη ματιά μπορεί να φαίνεται λίγο περίπλοκο. Αλλά στην πραγματικότητα όλα είναι απλά, το κύριο πράγμα είναι να διαβάσετε προσεκτικά όλα όσα γράφονται. Και φυσικά, θα πρέπει οπωσδήποτε να προσπαθήσετε να δημιουργήσετε έναν σύνδεσμο με μια εικόνα μόνοι σας. Η εξάσκηση σάς βοηθά να κατανοήσετε όλα όσα δεν είναι ξεκάθαρα στη θεωρία και επίσης σας βοηθά να θυμάστε πολύ καλύτερα τι πρέπει να γίνει.
Οι υπερσύνδεσμοι επινοήθηκαν για τη σύνδεση εγγράφων στο δίκτυο μεταξύ τους και εάν ο ιστότοπός σας αποτελείται από πολλές σελίδες και όχι από μία, τότε μπορείτε να τις συνδέσετε μεταξύ τους μόνο δημιουργώντας υπερσυνδέσμους. Ας δούμε απευθείας με ένα παράδειγμα πώς μοιάζει αυτό.
Δημιουργία απλής υπερσύνδεσης
Μεταβείτε σε άλλη σελίδα
Άνοιγμα συνδέσμου σε νέα σελίδα
Υπάρχει ένα άλλο ενδιαφέρον χαρακτηριστικό που μπορεί να σας φανεί χρήσιμο:
Μεταβείτε σε άλλη σελίδα
Το χαρακτηριστικό target με την τιμή _blank ανοίγει τον σύνδεσμο σε ένα νέο παράθυρο· αυτό χρησιμοποιείται συχνά εάν δεν θέλετε ένα άτομο να χάσει τη σελίδα σας και ταυτόχρονα να λάβει τις πληροφορίες που χρειάζεται απλώς σε μια νέα καρτέλα ή παράθυρο.
Σύνδεσμοι εικόνων
![](https://i0.wp.com/proba.png)
![](https://i2.wp.com/proba.png)
Αποτέλεσμα στο πρόγραμμα περιήγησης:
Ουσιαστικά όλα είναι απλά εδώ, τοποθέτησα την ετικέτα εικόνας μεταξύ της ετικέτας υπερσύνδεσης ανοίγματος και κλεισίματος , αλλά και πάλι δεν έβαλα απλά δύο εικόνες, εκχώρησα την κλάση img σε μια στην οποία επαναφέρω το πλαίσιο γύρω από την εικόνα, αφού όταν γίνει υπερσύνδεσμος εμφανίζεται, αλλά όχι σε όλους τους browsers πχ θα το δείτε. στον IE, αλλά όχι στο Google Chrome.
Υπογράμμιση σε συνδέσμους
Μεταβείτε σε άλλη σελίδα
Μεταβείτε σε άλλη σελίδα
Για λόγους σαφήνειας, έδωσα δύο επιλογές για την επίλυση αυτού του προβλήματος, τις ανέθεσα σε έναν επιλογέα κλάσης και με την εγγραφή αυτής της κλάσης θα αφαιρέσετε τις περιττές υπογραμμίσεις σε συγκεκριμένα σημεία. Η δεύτερη λύση στο πρόβλημα είναι να αφαιρέσετε την υπογράμμιση από όλους τους συνδέσμους στην ετικέτα<а>, που βέβαια σπάνια προκαλεί ανάγκη, αλλά και πάλι η γνώση δεν είναι περιττή.
Σύνδεσμοι μέσα σε ένα έγγραφο
Δεν είναι ασυνήθιστο όταν ένα έγγραφο είναι αρκετά μεγάλο και στην αρχή της σελίδας υπάρχει ένα μικρό μενού με συνδέσμους προς υποενότητες αυτής της σελίδας. Αυτοί οι σύνδεσμοι ονομάζονται σύνδεσμοι εντός του εγγράφου και όλα αυτά υλοποιούνται πολύ απλά. Αρχικά, τοποθετούνται άγκυρες στο έγγραφο, αυτές είναι ετικέτες, τοποθετούνται στο έγγραφο όπου θα πρέπει να μετακινηθούν όταν κάνετε κλικ σε έναν εσωτερικό σύνδεσμο, κατά κανόνα πρόκειται για επικεφαλίδες ενοτήτων, η ετικέτα μοιάζει με αυτό:
Και το τελευταίο πράγμα που πρέπει να γνωρίζουμε για τους υπερσυνδέσμους είναι οι σύνδεσμοι προς τα ηλεκτρονικά γραμματοκιβώτια, μπορεί να εφαρμοστεί πολύ απλά, απλώς προσθέστε μια καταχώρηση όπως το mailto: και τη διεύθυνση γραμματοκιβωτίου στο χαρακτηριστικό href:
Εδώ τελειώνω το μάθημα «Δημιουργία υπερσυνδέσμων σε html», όπως ίσως έχετε παρατηρήσει, δεν θα μπορούσαμε να κάνουμε χωρίς CSS εδώ, γενικά το υλικό είναι αρκετά απλό, νομίζω ότι όλα θα είναι απλά και ξεκάθαρα για εσάς, αν έχετε ερωτήσεις, γράψτε.
Ημερομηνία έκδοσης: 2014-04-23