Οι σύνδεσμοι μας επιτρέπουν να κάνουμε κλικ πάνω τους και να
μετακινηθούμε σε ένα νέο έγγραφο ή μια νέα ιστοσελίδα.
Για την εισαγωγή συνδέσμου στη γλώσσα HTML χρησιμοποιούνται
οι ετικέτες <a> και </a>.
Όταν το ποντίκι πάει πάνω σε ένα σύνδεσμο τότε θα
παρατηρήσουμε κάποια αλλαγή στο χρώμα του συνδέσμου. Επίσης ο κέρσορας θα αλλάξει
μορφή. Συνήθως παίρνει τη μορφή χεριού (που ετοιμάζεται να κάνει κλίκ).
Ιδιότητα href:
Η πιο βασική ιδιότητα της ετικέτας είναι
η href, η οποία περιέχει το url (Διεύθυνση) ενός αρχείου. Το κείμενο που γράφεται ανάμεσα
στην ετικέτα αρχής και τέλους είναι το κείμενο που φαίνεται στην οθόνη και
πατάει ο χρήστης επάνω σε αυτό για να μεταφερθεί στην σελίδα που δείχνει η
ιδιότητα href.
Π.χ.
Αντιγράψτε τον παρακάτω κώδικα πατώντας εδώ:
<a href="https://plhroforikh-epalplatania.blogspot.com/">Πληροφορική...</a>
Ιδιότητα target:
Με την ιδιότητα target ορίζουμε σε ποιο παράθυρο ή
μέρος του παραθύρου θα εμφανιστεί η σελίδα που ανοίγουμε πατώντας τον σύνδεσμο.
Π.χ.
Αντιγράψτε τους παρακάτω κώδικα πατώντας εδώ:
<a href="https://plhroforikh-epalplatania.blogspot.com/"
target="_blank">Πληροφορική...</a>
<a href="https://plhroforikh-epalplatania.blogspot.com/"
target="_self">Πληροφορική...</a>
Παρατηρείτε διαφορά;Σύνδεσμος από εικόνα:
Στην κατασκευή ιστοσελίδων είναι πολύ συνηθισμένο να
χρησιμοποιούμε εικόνες τις οποίες να τις κάνουμε και συνδέσμους.
Π.χ.
<a href="https://www.greekgastronomyguide.gr/item/mnimeiaki-elia-vouvon-kriti/">
<img
src=https://platanias.scanmy.net/wp-content/uploads/dendro1.jpg></a>
Πατήστε τώρα πάνω στην εικόνα να δείτε ότι λειτουργεί σαν σύνδεσμος και σας μεταφέρει σε μια συγκεκριμένη σελίδα.
Αντιγράψτε τον κώδικα της σελίδας που έχετε δημιουργήσει στον On line editor της HTML.
Στη συνέχεια μεταφερθείτε στο τέλος του κειμένου σας, πληκτρολογείστε τη λέξη "ΠΗΓΗ" και στη συνέχεια δημιουργήστε σύνδεσμο ο οποίος θα σας μεταφέρει στη σελίδα από όπου έχετε βρει τις πληροφορίες σας.
Μετατρέψτε σε σύνδεσμο και μια εικόνα της σελίδας σας.
Σχόλια
Δημοσίευση σχολίου