Περιεχόμενο
Οι οριζόντιες γραμμές επιτρέπουν στον επεξεργαστή ιστού να χωρίσει τις περιοχές της σελίδας σε μικρότερα, πιο εύπεπτα τμήματα, διευθύνοντας έτσι το χρήστη να εστιάσει σε αυτό που παρουσιάζεται. Σε αντίθεση με την ετικέτα υπογράμμισης , η οριζόντια γραμμή δεν συνδέεται με το κείμενο πάνω ή κάτω από αυτό. Μπορεί επίσης να τοποθετηθεί στα αριστερά, δεξιά ή στο κέντρο και μπορεί να είναι οποιοδήποτε χρώμα, πάχος ή ύψος που επιλέγει ο συντάκτης. Αυτό το σεμινάριο σας διδάσκει να δημιουργήσετε μια καφέ, παχιά, αριστερά ευθυγραμμισμένη οριζόντια γραμμή που χωρίζει τον κύριο τίτλο από το σώμα του εγγράφου, το οποίο είναι κενό.
Οδηγίες
-
Καταχωρίστε τα παρακάτω μεταξύ των ετικετών> όπως φαίνεται παρακάτω:
Το έγγραφό μου
Ορίστε μια κεφαλίδα για το έγγραφό σας, χρησιμοποιώντας τις ετικέτες
. Αυτή η ετικέτα λέει στις μηχανές αναζήτησης ότι οι λέξεις μεταξύ τους είναι οι σημαντικότερες της σελίδας. Αυτή η κεφαλίδα θα είναι ο τίτλος της ιστοσελίδας, δίνοντας σημασία στη χρήση μιας οριζόντιας γραμμής.
Βήμα 1
-
Εισαγάγετε την ετικέτα οριζόντιας γραμμής,
Η ετικέτα οριζόντιας γραμμής δεν έχει τελική ετικέτα. Συμπεριλάβετε ένα κενό και μια κάθετο πριν από το κύριο σήμα.
Βήμα 2 -
Προσθέστε το χαρακτηριστικό "ευθυγράμμιση" και ορίστε το ως "αριστερά", όπως υποδεικνύεται:
Βήμα 3
-
Προσθέστε το χαρακτηριστικό "μέγεθος" και ορίστε το σε "4", όπως φαίνεται παρακάτω:
Το χαρακτηριστικό "μέγεθος" καθορίζει πόσο παχύ είναι η γραμμή, σε εικονοστοιχεία.
Βήμα 4
-
Προσθέστε το χαρακτηριστικό "πλάτος" και ορίστε το σε "370", όπως υποδεικνύεται:
Η τιμή του χαρακτηριστικού "πλάτος" καθορίζει πόσο καιρό είναι η γραμμή, σε εικονοστοιχεία.
Βήμα 5
-
Προσθέστε το χαρακτηριστικό "χρώμα" στην οριζόντια γραμμή και ορίστε το σε "καφέ" όπως φαίνεται παρακάτω:
Το χρώμα αυτής της ετικέτας μπορεί να οριστεί σε οποιοδήποτε τυπικό ή δεκαεξαδικό χρώμα που επιλέγετε. Το δεκαεξαδικό χρώμα πρέπει να προηγείται με ένα σύμβολο "#".
Βήμα 6
-
Αποθηκεύστε το έγγραφο και στείλτε το στο διακομιστή σας. Ανοίξτε το πρόγραμμα περιήγησής σας και εντοπίστε τη σελίδα. Θα πρέπει να έχει την οριζόντια καφέ γραμμή κάτω από τον τίτλο του εγγράφου.
Η ιστοσελίδα είναι έτοιμη
Ανακοίνωση
- Η ετικέτα
είναι απαρχαιωμένο και το W3Schools ενθαρρύνει τη χρήση τροποποιημένων εικονοστοιχείων ενός εικονοστοιχείου, χρησιμοποιώντας οδηγίες φύλλου στυλ για να επιμηκύνουν ή να αυξήσουν τις γραμμές στο επιθυμητό μέγεθος.
Τι χρειάζεστε
- Επεξεργαστής κειμένου, όπως Edit Source (δείτε τους πόρους)
- Λογισμικό για την αποστολή εγγράφων, όπως το FileZilla (δείτε τους πόρους)
- Χώρος σε διακομιστή