Ήδη για μεγάλο χρονικό διάστημα, η HTML παραμένει δημοφιλής όχι μόνο μεταξύ των προγραμματιστών του ιστότοπου, αλλά και μεταξύ των χρηστών του Διαδικτύου, καθώς είναι μια απλή και βολική σήμανση ιστοσελίδων, η οποία υποστηρίζεται από τους περισσότερους συντάκτες κειμένου.
Τι είναι το HTML;
Η HTML δεν είναι μια γλώσσα προγραμματισμού, σύμφωνα με πολλούς, αυτό είναι ένα βοηθητικό στοιχείο που είναι απαραίτητο για τη σήμανση του εγγράφου ιστού.
Για ένα οπτικό παράδειγμα, μπορεί να ειπωθεί ότι η γλώσσα προγραμματισμού - εκτελεί ένα συγκεκριμένο πρόγραμμα που καθορίζεται από τον προγραμματιστή (για παράδειγμα, στέλνοντας μηνύματα σε άλλο χρήστη σε οποιαδήποτε τοποθεσία) και έτσι ώστε το πρόγραμμα περιήγησης να κατανοεί ποιος πρέπει να σταλεί αυτό το μήνυμα Και άλλες αποχρώσεις με κείμενο, εικόνες, αρχεία ήχου (όπως οι εικόνες βρίσκονται, σε ιστοσελίδες, ποια γραμματοσειρά και μέγεθος του κειμένου και ούτω καθεξής) το κάνει αυτό το HTML.
Το HTML αποτελείται από ένα σύνολο συγκεκριμένων ετικετών. Οι ετικέτες είναι μια ειδική λέξη που εκτελεί την επιθυμητή εντολή στο HTML.
Πώς να δημιουργήσετε ένα κουμπί στο HTML;
Μέθοδος 1
Για να αρχίσετε να δημιουργείτε ένα κουμπί, πρέπει να αποφασίσετε για το σχεδιασμό του, ποιες λειτουργίες θα εκτελέσει. Για αυτό, είναι πιο βολικό να κάνετε ένα σχέδιο, ή μάλλον μπλοκ διάγραμμα.
Βασικά, τέτοιες ετικέτες χρησιμοποιούνται για να αρχίσουν να δημιουργούν ένα κουμπί:
- Χρήση εισόδου ετικέτας.
- Χρησιμοποιώντας την ετικέτα κουμπιού.
- Με αναφορές σε ετικέτες και ιδιότητες CSS.
Ξεχωριστά, θα ήθελα να αναφέρω τις ιδιότητες του CSS που βοηθούν στη δημιουργία, φωτεινά, όμορφα, πρωτότυπα κουμπιά. Χρησιμοποιώντας τα εργαλεία CSS, είναι πολύ πιο εύκολο να συνεργαστείτε με τα γραφικά.
Έτσι, για να δημιουργήσετε ένα κουμπί, χρειάζεστε:
- Πηγαίνετε σε έναν επεξεργαστή κειμένου.
- Σε έναν επεξεργαστή κειμένου, καθορίστε αυτά τα δεδομένα:
- \u003cName type \u003d "name \u003d" επόμενο "τιμή \u003d" επόμενο "/\u003e όπου ετικέτα τύπου εισόδου, το κουμπί είναι υπεύθυνο για τη δημιουργία ενός κουμπιού, όνομα - υπεύθυνος για την εκχώρηση ενός κουμπιού που επιλέγεται από το όνομα χρήστη, επόμενο - το όνομα του κουμπιού (όπως θα ονομαστεί), "Value \u003d" Next - Η χρήση αυτής της ετικέτας ρυθμίζει μια τιμή, για παράδειγμα, εμφανίζοντας το κουμπί που δημιουργήθηκε. Να είστε βέβαιος να εντοπίσετε όλους τους βραχίονες που πρέπει να κλείσουν. Εάν δεν υπάρχει τουλάχιστον ένα στήριγμα που λείπει, το δημιουργημένο κουμπί δεν εμφανίζεται στο πρόγραμμα περιήγησης.
- Μετά την εισαγωγή όλων των απαραίτητων δεδομένων, αποθηκεύστε το έγγραφο σε μορφή HTML. Για να το κάνετε αυτό, πρέπει να αλλάξετε την επέκταση του εγγράφου και όταν εξοικονομείτε να το μετονομάσετε. Δώστε ένα όνομα και μετά το σημείο, καθορίστε ότι αυτό είναι ένα έγγραφο HTML. Πρώτα κάντε κλικ στο αρχείο, στη συνέχεια "Αποθήκευση ως ..."
- Μετά από αυτό, στο παράθυρο που εμφανίζεται, εισάγετε το όνομα του αρχείου, μετά την επιλογή "Όλα τα αρχεία" και καθορίστε την επιθυμητή επέκταση. Επίσης, δεν ξεχνάμε να καθορίσουμε τη διαδρομή όπου θέλετε να αποθηκεύσετε το αρχείο.
- Επέκταση αρχείου Γράψτε μετά από ένα σημείο χωρίς κενά.
- Μπορείτε να προβάλετε κάνοντας κλικ στο αρχείο που δημιουργήθηκε.
- Το δημιουργημένο κουμπί θα φαίνεται ως εξής.
Υπάρχουν διάφοροι τρόποι να δημιουργήσετε ένα κουμπί στο HTML. Είσοδος TEG, όχι η μόνη ετικέτα, με την οποία μπορείτε να δημιουργήσετε ένα κουμπί σε HTML.
Μέθοδος 2.
Υπάρχουν ακόμα διαφορετικά σχέδια για τη δημιουργία κουμπιών, αλλά είναι καλύτερο να χρησιμοποιήσετε τα εργαλεία CSS. Για παράδειγμα, μπορείτε να φτιάξετε τα κουμπιά μαζί με την εικόνα.
- Για αυτό, επίσης στον επεξεργαστή κειμένου υποδεικνύει τέτοιες ετικέτες:
\u003cButton name \u003d "επόμενο" τιμή \u003d "επόμενο"\u003e
\u003cIMG Style \u003d "Κάθετη-Ευθυγράμμιση: Μέση. Πλάτος: 24px; " SRC \u003d http://nubex.ru/files/siroezhkin/icon.png.
"Alt \u003d" "/\u003e
Δημιουργία ενός κουμπιού
\u003c/ Button\u003e
- Ήδη εξοικειωθείτε με εμάς, το κουμπί Tag είναι υπεύθυνο για τη δημιουργία ενός κουμπιού. Η εντολή Style IMG είναι υπεύθυνη για την εμφάνιση του συνδέσμου όπου η εικόνα αποθηκεύεται και εδώ πρέπει να καθορίσετε όλα τα κύρια χαρακτηριστικά της εικόνας, πόσα εικονοστοιχεία, πώς να εντοπίσετε. Να είστε βέβαιος να μην ξεχάσετε να καθορίσετε όλα τα αποσπάσματα και τις παρενθέσεις, διαφορετικά οι πληροφορίες δεν μπορούν να εμφανιστούν σωστά ή όχι εντελώς.
Η συνεργασία με ετικέτες στο HTML δεν είναι τόσο δύσκολο, αλλά αυτός είναι ένας απαραίτητος βοηθός κατά τη δημιουργία ιστοσελίδων και σημαντικών αντικειμένων στην περιοχή.
357
