Περιεχόμενο
Οι σχεδιαστές ιστοσελίδων χρησιμοποιούν συχνά κουμπιά ενσωματωμένα σε έγγραφα HTML για λόγους λειτουργικότητας και αισθητικής. Εκτός από την προσφορά στους χρήστες ενός οπτικά ευχάριστου τρόπου αποστολής πληροφοριών ή λήψης αποφάσεων, τα κουμπιά επιτρέπουν διαφορετικές λειτουργίες με βάση την αλληλεπίδραση των χρηστών. Σε αυτό το άρθρο, ένα κουμπί HTML θα επιτρέψει σε έναν χρήστη να κάνει λήψη ενός αρχείου όταν κάνει κλικ.
Οδηγίες
Τα κουμπιά είναι χρήσιμα και ευέλικτα συστατικά HTML (Hemera Technologies / PhotoObjects.net / Getty Images)-
Δημιουργήστε το αρχείο HTML σε ένα πρόγραμμα επεξεργασίας κειμένου, όπως το Σημειωματάριο (Notepad). Το βασικό αρχείο θα πρέπει να περιέχει τουλάχιστον τις ετικέτες "html" και "body":
>
Η ετικέτα "κουμπί" περιέχει τις πληροφορίες που περιγράφει το κουμπί. Σε αυτή την περίπτωση, το κουμπί είναι τύπου "γενικού τύπου" και το όνομα του είναι "λήψη". Οι λέξεις ανάμεσα στις ετικέτες θα εμφανιστούν στο κουμπί όταν η σελίδα εμφανίζεται σε ένα πρόγραμμα περιήγησης.
-
Κάντε το κουμπί να δείχνει σε ένα αρχείο όταν κάνει κλικ από ένα χρήστη. Για να γίνει αυτό, προσθέστε ένα συμβάν "onClick":
Το συμβάν "onClick" θα εκτελείται όταν ο χρήστης κάνει κλικ στο κουμπί. Σε αυτήν την περίπτωση θα ανοίξει ένα νέο παράθυρο που θα δείχνει στη διεύθυνση αρχείου.
-
Αποθηκεύστε το αρχείο και ανοίξτε το στο πρόγραμμα περιήγησης ιστού. Αποθηκεύστε με την επέκταση "html" (για παράδειγμα, "test.html"). Ανοίξτε το στο πρόγραμμα περιήγησης. Το κουμπί θα εμφανιστεί στην επάνω αριστερή γωνία του παραθύρου και ένα κλικ σε αυτό θα προωθήσει το χρήστη στο αρχείο και θα αρχίσει τη διαδικασία λήψης.
Πώς
- Αυτός ο κώδικας μπορεί να αντιγραφεί και να επικολληθεί σε οποιοδήποτε έγγραφο HTML. Διαβάστε την ιστοσελίδα "Σχολές του W3C" (w3schools.com) για να μάθετε περισσότερα σχετικά με τα κουμπιά HTML.
Τι χρειάζεστε
- Επεξεργαστής κειμένου
- Πρόγραμμα περιήγησης στο Web
Αναφορές
- Σχολές W3C: Ετικέτα HTML "κουμπί"
- Κωδικοποιητής JavaScript: Χρησιμοποιώντας τη μέθοδο Window.Open
Πτήσεις
- Σχολές W3C: Ετικέτα HTML "κουμπί"