Περιεχόμενο

• Για να πας
• Μέθοδος 1 από 2: Ένας απλός σύνδεσμος
• Μέθοδος 2 από 2: Προσθήκη email και αγκύρων
• Συμβουλές
• Απαιτήσεις

Οι σύνδεσμοι ή οι υπερσύνδεσμοι, που συνήθως συντομογραφούνται ως "σύνδεσμοι", αποτελούν τη ραχοκοκαλιά του Διαδικτύου και ειδικότερα των ιστότοπων. Οι σύνδεσμοι επιτρέπουν στους χρήστες να κάνουν κλικ σε ένα κομμάτι κειμένου ή σε μια εικόνα, η οποία θα τους ανακατευθύνει σε άλλη ιστοσελίδα. Αυτό τους καθιστά αναπόσπαστο μέρος του Διαδικτύου. Η δημιουργία συνδέσμου ως μέρος του ιστότοπού σας απαιτεί πολύ λίγο κώδικα HTML. Εδώ θα σας δείξουμε πώς.

Για να πας

Μέθοδος 1 από 2: Ένας απλός σύνδεσμος

1. Δημιουργήστε το κείμενο ή τοποθετήστε την εικόνα που θέλετε να χρησιμοποιήσετε ως σύνδεσμο. Οι σύνδεσμοι δημιουργούνται με μερικές απλές ετικέτες HTML κατά την επεξεργασία του κώδικα του ιστότοπού σας. Αλλά πρώτα είναι σημαντικό να γνωρίζετε τι θέλετε να τοποθετήσετε μέσα στις ετικέτες. Αυτό μπορεί να είναι κείμενο, εικόνα ή άλλο στοιχείο HTML, αλλά εδώ απλώς χρησιμοποιούμε μια γραμμή κειμένου.
2. Τοποθετήστε δύο ετικέτες γύρω από το κείμενο. Οι υπερσύνδεσμοι επισημαίνονται με δύο απλές ετικέτες, μία για να ανοίξει ο κωδικός και μία για να τον κλείσει. Χωρίς χαρακτηριστικά, αυτό δεν είναι ακόμη πολύ χρήσιμο, αλλά θα κάνουμε κάτι γι 'αυτό.
   • Ο σύνδεσμός σας μπορεί να έχει την εξής μορφή: Κάντε κλικ εδώ για να επισκεφτείτε τον νέο ιστότοπό μου.
3. Προσθέστε το χαρακτηριστικό "href" για να υποδείξετε πού οδηγεί ο σύνδεσμος. Το χαρακτηριστικό "href" λέει στο πρόγραμμα περιήγησης πού να κατευθύνει τον χρήστη όταν κάνει κλικ στον σύνδεσμο. Αυτό το χαρακτηριστικό ακολουθείται από ένα ίσο σύμβολο και στη συνέχεια από τη διεύθυνση σε εισαγωγικά μετά από αυτό.
   • Το παραπάνω παράδειγμα πρέπει τώρα να μοιάζει με αυτό: Κάντε κλικ ΕΔΩ για να επισκεφθείτε τη νέα μου ιστοσελίδα.
   • Λάβετε υπόψη ότι εάν ο προορισμός του συνδέσμου είναι άλλος ιστότοπος, πρέπει να δώσετε την πλήρη διεύθυνση URL (συνήθως ξεκινά με "http"). Εάν δίνεται μόνο το όνομα της σελίδας, τότε θεωρείται ότι αναζητείται στον κατάλογο του ιστότοπου.

Μέθοδος 2 από 2: Προσθήκη email και αγκύρων

1. Δημιουργήστε έναν σύνδεσμο από μια εικόνα. Αυτό είναι πολύ εύκολο να γίνει προσθέτοντας μια ετικέτα εικόνας στις ετικέτες συνδέσμου. Θα χρειαστείτε τη διεύθυνση της τοποθεσίας της εικόνας (δηλαδή την τοποθεσία στον διακομιστή σας ή σε κάποιον άλλον). Ακολουθεί ένα παράδειγμα της εμφάνισης ενός συνδέσμου εικόνας:
   • a href = "the_url_of_the_image.html"> img src = "image.webp" /> / α>
2. Δημιουργήστε έναν σύνδεσμο email χρησιμοποιώντας το "mailto:’ πρωτόκολλο. Για να δημιουργήσετε έναν σύνδεσμο για να συνθέσετε ένα email σε μια συγκεκριμένη διεύθυνση, χρησιμοποιήστε το "mailto:" και τοποθετήστε το ακριβώς μπροστά από τη διεύθυνση email του ατόμου.
   • Ένας σύνδεσμος e-mail θα μπορούσε να έχει την εξής μορφή: Κάντε κλικ ΕΔΩ να κάνετε μια ερώτηση ή να κάνετε ένα σχόλιο.
3. Δημιουργήστε άγκυρες σε μια μεγαλύτερη ιστοσελίδα για εύκολη αναφορά. Αν ψάχνετε για έναν τρόπο σύνδεσης σε ένα συγκεκριμένο μέρος μιας ιστοσελίδας, χρησιμοποιήστε ένα άγκυρα. Οι άγκυρες είναι πολύ χρήσιμες για μεγαλύτερες σελίδες με πίνακα περιεχομένων. Σε κάθε κεφάλαιο ή ενότητα μπορεί να εκχωρηθεί μια άγκυρα που συνδέεται με τον πίνακα περιεχομένων. Οι άγκυρες δημιουργούνται με το χαρακτηριστικό "name".
   • Για να δημιουργήσετε μια αγκύρωση, εισαγάγετε την ετικέτα στο σωστό μέρος της σελίδας, όπως: Κεφάλαιο 3 - Χρήση αγκύρων σε HTML
   • Για να συνδεθείτε με τη νέα άγκυρα, χρησιμοποιήστε το σύμβολο # ως εξής: # Μετάβαση στο Κεφάλαιο 3

Συμβουλές

• Δεν χρειάζεστε κανένα ειδικό λογισμικό για να δημιουργήσετε έναν ιστότοπο και οι περισσότεροι υπολογιστές διαθέτουν το σωστό λογισμικό από προεπιλογή. Ένα παράδειγμα είναι το Σημειωματάριο / Σημειωματάριο (Notepad) στα Windows. Απλώς εισαγάγετε τους κωδικούς και αποθηκεύστε τους ως html. Για να μπορείτε να δείτε πώς φαίνεται στην πράξη, χρειάζεστε ένα πρόγραμμα περιήγησης, το οποίο συχνά δεν είναι απαραίτητο σε πιο προηγμένα προγράμματα. Επιπλέον, δεν υπάρχουν επιλογές για τον έλεγχο του κώδικα για σύνταξη και εάν συμμορφώνεται με τα πρότυπα.
• Χρησιμοποιήστε στυλ CSS για να αλλάξετε το χρώμα και άλλες ιδιότητες των συνδέσμων.

Απαιτήσεις

• Ενας υπολογιστής
• Πρόγραμμα επεξεργασίας όπως το Σημειωματάριο (Notepad) ή λογισμικό σχεδιασμού ιστοσελίδων