- Link tag <a> και τα χαρακτηριστικά της
- Πώς να κάνετε μια σύνδεση για να κατεβάσετε το αρχείο
- Σχετικοί και απόλυτοι δεσμοί, η διαφορά τους
Γεια σας, αγαπητοί αναγνώστες της ιστοσελίδας Uspei.com. Σε αυτό το σύντομο μάθημα θα έχουμε χρόνο να μάθουμε την τεχνολογία δημιουργίας συνδέσμων. Για να εισαγάγετε έναν σύνδεσμο σε html, μεταβείτε στον κώδικα της σελίδας μας και βρείτε το κείμενο "http://www.howtocorp.com/typepilot". Έχω 73 σειρές εγγράφων. Μπορείτε να ανοίξετε αυτό το αρχείο χρησιμοποιώντας το δικό μας επεξεργαστής κειμένου Notepad ++ . 
Link tag <a> και τα χαρακτηριστικά της
Τώρα, πριν από αυτό το κείμενο, ανοίξτε την <a> ετικέτα που δημιουργεί τη σύνδεση. Αυτή είναι μια ετικέτα ζεύγους, επομένως πρέπει να κλείσουμε την ετικέτα στον τόπο όπου τελειώνει ο σύνδεσμος μαζί μας.
<a> http://www.howtocorp.com/typepilot </a>Τώρα πρέπει να καταχωρήσουμε τα χαρακτηριστικά για την <a> ετικέτα, επειδή χωρίς αυτά το πρόγραμμα περιήγησης δεν καταλαβαίνει τι να κάνει με τη σύνδεσή μας περαιτέρω. Καταχωρήστε το πρώτο απαιτούμενο χαρακτηριστικό για τη σύνδεση - href . Αυτό είναι το κύριο χαρακτηριστικό του συνδέσμου. Υποδεικνύει πού οδηγεί αυτός ο σύνδεσμος. Στην περίπτωσή μας, ο σύνδεσμος οδηγεί στην τοποθεσία http://www.howtocorp.com/typepilot. Επομένως, το συνταγογραφούμε για το χαρακτηριστικό href.
<a href="http://www.howtocorp.com/typepilotince http://www.howtocorp.com/typepilot </a>
Τώρα ας δούμε τι κάναμε στο πρόγραμμα περιήγησης.
Όπως βλέπουμε, το κείμενο έχει μετατραπεί σε σύνδεσμο. Εάν κάνετε κλικ σε αυτόν τον σύνδεσμο, θα φορτωθεί μια εντελώς διαφορετική σελίδα. Και θα φορτώσει, δώστε προσοχή, αντί της σελίδας μας! Δεν είναι πάντα βολικό, γιατί Μπορείτε να χάσετε έναν επισκέπτη που ακολουθεί το σύνδεσμο σε έναν άλλο ιστότοπο. Επομένως, για τους συνδέσμους υπάρχει ένα χαρακτηριστικό στόχο . Εάν θέλουμε να ανοίξει αυτός ο σύνδεσμος σε ένα νέο παράθυρο, πρέπει να ορίσουμε την τιμή για _ κενό .
<a href="http://www.howtocorp.com/typepilot express_==_blueface> http://www.howtocorp.com/typepilot </a>Έτσι θα φαίνεται ο κώδικας του συνδέσμου μας. Και αν ανανεώσουμε τη σελίδα μας στο πρόγραμμα περιήγησης, θα δούμε ότι κάνοντας κλικ στο σύνδεσμο θα αφήσει τη σελίδα ανοιχτή και η σελίδα του συνδέσμου θα ανοίξει σε άλλη καρτέλα ή παράθυρο.
Και ένα άλλο χαρακτηριστικό του συνδέσμου είναι το καθολικό χαρακτηριστικό τίτλου , το οποίο μπορεί να χρησιμοποιηθεί με σχεδόν όλες τις ετικέτες. Αυτό το χαρακτηριστικό είναι υπεύθυνο για την υπόδειξη. Συχνά είναι απαραίτητο να ζητείται από τον χρήστη να εντοπίσει αυτό το σύνδεσμο. Η άκρη θα εμφανιστεί όταν περάσετε το δείκτη του ποντικιού πάνω από το σύνδεσμο. Ας γράψουμε αυτό το χαρακτηριστικό για τη σύνδεσή μας.
<a href=eshttp://www.howtocorp.com/typepilot "target= "_blank γοητευτικός τίτλος = τύπος ΤύπουРёР"РРёР τύπου Pilotina> http://www.howtocorp.com/typepilot </a>Τώρα θα αποθηκεύσουμε και θα επαληθεύσουμε ότι έχουμε εκδοθεί στο πρόγραμμα περιήγησης. Έτσι, έχουμε μια υπόδειξη όταν τοποθετείτε το δείκτη του ποντικιού πάνω από το σύνδεσμο.
Επιστροφή στο ευρετήριο ↑Πώς να κάνετε μια σύνδεση για να κατεβάσετε το αρχείο
Και τώρα ας μάθουμε πώς να δημιουργήσουμε συνδέσμους που θα μας δώσουν τη δυνατότητα να κατεβάζουμε αρχεία. Γι 'αυτό χρειαζόμαστε κάποιο αρχείο. Για παράδειγμα, μπορείτε να κάνετε λήψη αυτού του αρχείου. Εάν το αρχείο δεν μεταφορτωθεί και ανοίξει σε μια νέα καρτέλα, κάντε κλικ στο δεξί κουμπί του ποντικιού και κάντε κλικ στο κουμπί "Αποθήκευση ως".
Σύνδεση με time.pdf
Ας κάνουμε τον παρακάτω σύνδεσμο για να κατεβάσετε αυτό το άρθρο σε μορφή pdf. Αλλά πρώτα, ας δημιουργήσουμε ένα ξεχωριστό κατάλογο για τα αρχεία μας και να το ονομάσουμε αρχεία . Σε αυτό το φάκελο τοποθετούμε το αρχείο time.pdf.
Μετά από αυτό, ανοίξτε το αρχείο μας με τον κώδικα και στο κάτω μέρος, πριν κλείσετε την ετικέτα <body>, δημιουργήστε μια παράγραφο:
<p> Κατεβάστε αυτό το άρθρο σε μορφή pdf </ p>Ας αποθηκεύσουμε το αρχείο μας και να ελέγξουμε αν έχει εμφανιστεί μια παράγραφος.
Έχει εμφανιστεί μια παράγραφος και τώρα η αποστολή μας είναι να κάνουμε αυτή την παράγραφο μια σύνδεση με τη λήψη του αρχείου. Για να το κάνουμε αυτό, επισυνάπτουμε μια παράγραφο στην <a> ετικέτα. Για μια ετικέτα, συνταγογραφούμε το χαρακτηριστικό href και γι 'αυτό δεν προδιαγράφουμε έναν σύνδεσμο προς τη σελίδα, αλλά έναν σύνδεσμο προς ένα συγκεκριμένο αρχείο.
<p> <a href="files/time.pdf services> Κατεβάστε αυτό το άρθρο σε μορφή pdf </a> </ p>
Τώρα, αν αποθηκεύσουμε το αρχείο μας και ελέγξουμε την εργασία του στο πρόγραμμα περιήγησης, τότε όταν κάνουμε κλικ στον σύνδεσμο, θα ξεκινήσουμε τη λήψη του αρχείου.
Σχετικοί και απόλυτοι δεσμοί, η διαφορά τους
Θα πρέπει να σημειωθεί ότι στην περίπτωση αυτή υποδείξαμε έναν σχετικό σύνδεσμο, δηλ. Ο σύνδεσμος που διαθέτουμε είναι σε σχέση με το έγγραφο index.html.
Τώρα ας δώσουμε ένα παράδειγμα απόλυτης σύνδεσης. Επιτρέψτε μου να σας υπενθυμίσω ότι με μια τέτοια σύνδεση η διαδρομή υποδεικνύεται εντελώς, ξεκινώντας από την αρχή του ιστότοπου. Παράδειγμα:
<a href="http://www.howtocorp.com/typepilot> Κάντε κλικ εδώ </a>Σε αυτόν τον σύνδεσμο, καθορίζεται η διαδρομή ξεκινώντας από το όνομα του ιστότοπου, ακολουθούμενο από το φάκελο. Κάνοντας κλικ σε αυτόν τον σύνδεσμο, θα φορτωθεί το αρχείο index.html που βρίσκεται σε αυτόν τον ιστότοπο. Σε αυτήν την περίπτωση, φυσικά, ήταν δυνατό να υποδειχθεί μια συγκεκριμένη σελίδα μετά το όνομα του φακέλου. Το κύριο πράγμα που πρέπει να θυμάστε είναι ότι ο απόλυτος σύνδεσμος αρχίζει με τον ιστότοπο και καθορίζει την πλήρη διαδρομή προς το αρχείο ή το φάκελο.
Έτσι, εξετάσαμε τη διαδικασία δημιουργίας συνδέσμων στο έγγραφο html, ασχολήθηκε με τα χαρακτηριστικά για την <a> ετικέτα και μάθαμε επίσης πώς να δημιουργούμε συνδέσμους όχι μόνο σε άλλες σελίδες αλλά και να κατεβάζουμε ένα συγκεκριμένο αρχείο. Λίγο αργότερα θα συζητήσουμε πώς να χρησιμοποιήσετε συνδέσμους για να φέρετε τον ιστότοπό σας στην κορυφή .
Θα σας δω σύντομα! Κάνετε τα πάντα και πάντα στις σελίδες του blog Uspei.com
Βοηθήστε το έργο - εγγραφείτε στο κανάλι μας Yandex.DZen!