Πώς να κάνω μια Navbar

Φτιάξτε το δικό σας οριζόντια γραμμή πλοήγησης , ή " navbar , " με τις γραμμές του κώδικα html . HTML και CSS κώδικα είναι δακτυλογραφημένο σε ένα πρόγραμμα επεξεργασίας κειμένου , όπως το Notepad , όπου οι πληροφορίες όπως κείμενο , το χρώμα και συνδέσεις έχουν εγγραφεί στον κώδικα . Μόλις έχετε προσθέσει τον κώδικα στην ιστοσελίδα σας , οι αναγνώστες σας να έχουν τα εργαλεία για να επισκεφθείτε τις άλλες σελίδες του site σας . Οδηγίες
Η

1 Ανοίξτε το πρόγραμμα Notepad 2

Δημιουργήστε τις διάφορες συνδέσεις για navbar σας και το padding και το περιθώριο για αυτό με αντιγραφή και επικόλληση του παρακάτω στο Σημειωματάριο σας . :

• Αρχική
• About Us
• Υπηρεσίες
• Προϊόντα
• Επικοινωνία

ul # list- nav {margin : 20px ? padding : 0 ? list-style : none ? width : 525px ? }
εικόνων 3

Κάντε η navbar πάει σε μια γραμμή σε όλη την ιστοσελίδα με αντιγραφή και επικόλληση του παρακάτω στο Σημειωματάριο σας :

ul # list- nav li {display : inline }
Η 4

Δημιουργήστε τις συνδέσεις για η navbar με αντιγραφή και επικόλληση του παρακάτω :

ul # list- nav li a {text - decoration: none ? padding : 0 5px ? width : 100px ? υπόβαθρο: # 485e49 ? χρώμα : # eee ? float : αριστερά?
5

Ευθυγραμμίστε το κείμενο στο Navbar με αντιγραφή και επικόλληση του παρακάτω :

ul # list- nav li a {text - align: center ? σύνορα - αριστερά : 1px solid # fff ? }
Η 6

Δημιουργήστε ένα χρώμα ανατροπής με αντιγραφή και επικόλληση του παρακάτω :

ul # list- nav li a: hover {background : # a2b3a1 ? χρώμα : # 000 }
Η 7

Αλλάξτε οποιοδήποτε από τα χρώματα , πληκτρολογώντας τον κωδικό για το χρώμα της επιλογής σας . Βρείτε όλα τα σύμβολα "#" και την αντικατάστασή τους με τις διευθύνσεις URL για να δημιουργήσετε τις συνδέσεις για το "Home ", "About Us ", " Υπηρεσίες ", " Προϊόντα" και " Επικοινωνία ". ?
8

Αποθηκεύστε το αρχείο του κώδικα Navbar στο σημειωματάριο σας . Πατήστε το πλήκτρο " Ctrl " + " A " για να επιλέξετε όλους . Ανοίξτε την ιστοσελίδα σας και πηγαίνετε στο συντάκτη CSS HTML . Πατήστε το πλήκτρο " Ctrl " + " V " για να αντιγράψετε τον κώδικα Navbar . Αποθηκεύστε τον κωδικό για να εισέλθουν στην ιστοσελίδα σας .
Η
εικόνων