Πώς να δημιουργήσετε ένα αναπτυσσόμενο μενού σε HTML και CSS

Συγγραφέας: Peter Berry
Ημερομηνία Δημιουργίας: 20 Αύγουστος 2021
Ημερομηνία Ενημέρωσης: 1 Ενδέχεται 2024
Anonim
Δημιουργία ενός navigation menu με HTML και CSS για εντελώς αρχάριους.
Βίντεο: Δημιουργία ενός navigation menu με HTML και CSS για εντελώς αρχάριους.

Περιεχόμενο

Αυτό το άρθρο γράφτηκε με τη συνεργασία των εκδοτών μας και ειδικευμένων ερευνητών για να εγγυηθεί την ακρίβεια και την πληρότητα του περιεχομένου.

Η ομάδα διαχείρισης περιεχομένου της εξετάζει προσεκτικά τις εργασίες της ομάδας σύνταξης για να διασφαλίσει ότι κάθε στοιχείο συμμορφώνεται με τα υψηλά πρότυπα ποιότητας.

Έχετε αποφασίσει να κάνετε πιο επαγγελματική εμφάνιση στον προσωπικό σας ιστότοπο, δημιουργώντας ένα αναπτυσσόμενο μενού που θα σας δώσει πρόσβαση σε εξωτερικούς ιστότοπους. Για αυτό, μπορείτε να χρησιμοποιήσετε τον κώδικα HTML, συμπληρωμένο με ένα φύλλο στυλ CSS. Θα δημιουργήσουμε τον κώδικα ενός μενού που πραγματοποιείται στο απλό πέρασμα του δρομέα, ο οποίος μπορεί να κάνει κλικ σε έναν από τους συνδέσμους.


στάδια



  1. Ανοίξτε έναν επεξεργαστή κώδικα HTML. Στην πραγματικότητα, κάθε editor είναι αρκετό. Ανάλογα με την πλατφόρμα, θα επιλέξετε μπλοκ, Επεξεργασία ή Επεξεργασία συν. Εάν θέλετε έναν καλύτερο επεξεργαστή κώδικα HTML, εκτελέστε Notepad ++.
    • Κατά το άνοιγμα του Notepad ++, πρώτα απ 'όλα, κάντε κλικ στην καρτέλα γλώσσα, στη συνέχεια στην επιστολή H από το αναπτυσσόμενο μενού και τελικά επιλέξτε HTML.


  2. Πληκτρολογήστε την κεφαλίδα του εγγράφου. Για να έχετε καθαρό κώδικα, υποδείξτε στην αρχή του αρχείου τον τύπο του κώδικα που θα χρησιμοποιήσετε για τη γενική δομή του μενού. Πληκτρολογήστε τα εξής:

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

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

Ενδιαφέρουσες Θέσεις