Βασικά HTML για τη διαχωριστική γραμμή

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

Τυπικές διακοπές

Όταν γράφετε ένα έγγραφο HTML, πατώντας το πλήκτρο Enter ή Return στο πληκτρολόγιό σας, δεν θα εγγραφείτε στην τελική ιστοσελίδα, ανεξάρτητα από το πόσες φορές το πατάτε. Αντ 'αυτού, πρέπει να χρησιμοποιήσετε κώδικα HTML για να εισαγάγετε απόσταση μεταξύ των γραμμών σας. Τα πιο βασικά από αυτά είναι, τα οποία εισάγουν ένα ενιαίο διάλειμμα γραμμής, και

, η οποία εισάγει ένα διάλειμμα με δύο διαστήματα. Μπορείτε να χρησιμοποιήσετε αυτές τις ετικέτες οπουδήποτε θέλετε μέσα στο σώμα της ιστοσελίδας.

Χώροι χωρίς σπάσιμο

Ακριβώς όπως ένα πρόγραμμα περιήγησης ιστού δεν αναγνωρίζει ένα κλειδί Enter μέσα σε ένα αρχείο HTML, δεν αναγνωρίζει επίσης πολλαπλές χρήσεις του ή

ετικέτες για να δημιουργήσετε επιπλέον χώρο. Για παράδειγμα, εισάγοντας "Hi

Εκεί "θα εγγραφεί μόνο το πρώτο

ετικέτα, που μοιάζει με αυτό:

γεια

Εκεί

Αν θέλετε και τις πέντε παραγράφους μεταξύ των δύο λέξεων, πρέπει να τοποθετήσετε ένα μη σπασμένο διάστημα μεταξύ τους

ετικέτα. Αυτός ο κώδικας για ένα διάστημα θα καθοδηγήσει το πρόγραμμα περιήγησης να ενεργήσει και στα πέντε

ετικέτες. Ο κώδικας για ένα μη διαπερατό χώρο είναι και μπορεί να εισαχθεί ως εξής:

γεια

Εκεί

Οριζόντιες γραμμές

Μπορείτε να διαχωρίσετε περαιτέρω τμήματα μιας ιστοσελίδας με μια οριζόντια γραμμή. Πρόκειται για μια γραμμή που περνάει από την οθόνη, με ένα σημείο πάνω και κάτω. Ο κώδικας για μια οριζόντια γραμμή είναι


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

CSS

Εάν θέλετε μεγαλύτερο εύρος αποστάσεων για ολόκληρη την ενότητα της ιστοσελίδας σας, χρησιμοποιώντας πολλαπλές ή

οι ετικέτες μπορούν να γίνουν πολύ κουραστικόι και δεν θα σας επιτρέψουν να προσαρμόσετε το διάστημα ανάμεσα στις γραμμές. Αντ 'αυτού μπορείτε να χρησιμοποιήσετε το CSS, το οποίο είναι μια πιο προηγμένη μορφή HTML. Πρώτα θα εισαγάγετε τον ακόλουθο κώδικα στην ενότητα:

Εδώ "150%" είναι το μέγεθος του χώρου μεταξύ των γραμμών σε σύγκριση με την προεπιλογή. Μπορεί να ρυθμιστεί σε οποιαδήποτε τιμή θέλετε. Στο τμήμα σώματος της ιστοσελίδας, περιβάλλετε την ενότητα που θέλετε να χωρίσετε με τις ετικέτες

και

. Κάθε γραμμή μεταξύ αυτών των ετικετών θα απέχει όπως έχετε ορίσει.