Πώς να κάνετε εσοχή κειμένου με HTML

Παρόλο που η καθαρή HTML προορίζεται για τη δομή και όχι για τη διαμόρφωση περιεχομένου ιστοσελίδας, η γλώσσα περιλαμβάνει ετικέτες σήμανσης που μπορούν να χρησιμοποιηθούν για την τοποθέτηση κειμένου. Δεδομένου ότι η Κοινοπραξία του Παγκοσμίου Ιστού ενθαρρύνει τη χρήση του CSS ή του Cascading Style Sheets για τη μορφοποίηση περιεχομένου, καθορίζει δύο ιδιότητες φύλλου στυλ σε κείμενο. Τέλος, η HTML παρέχει ένα ευθεία προς τα εμπρός, βίαιη δύναμη τρόπο για να indent με την εισαγωγή μιας οντότητας HTML ή ειδικού χαρακτήρα μπροστά από το κείμενό σας.

Μη σπάζοντας Spaces

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

Αποκλεισμός ετικέτας ετικέτας

Χρησιμοποιήστε την ετικέτα HTML για να προσθέσετε κείμενο πέντε κενών στα δεξιά. Η ετικέτα αποσκοπεί να ορίσει εκτός από τις υπόλοιπες πληροφορίες του ιστοτόπου που παραθέτετε από κάποιον άλλο από το υπόλοιπο κείμενο στη σελίδα. Σε αντίθεση με τον μη σπασμένο χώρο, ωστόσο, η ετικέτα χωρίζει κάθε γραμμή του κειμένου που περιέχει. Τα πρότυπα ιστοτόπων, το λογισμικό blogging ή οι εφαρμογές Web ενδέχεται να περιλαμβάνουν τον κώδικα CSS για τις ιδιότητες γραμματοσειράς, τα χρώματα φόντου, τα περιγράμματα, τα περιβλήματα ή τα περιθώρια που διαμορφώνουν τα blockquotes σας με τρόπους που ίσως δεν είναι κατάλληλοι ή απαραίτητοι. Χρησιμοποιήστε τον κώδικα CSS inline για να αντικαταστήσετε τα προεπιλεγμένα στυλ μπλοκ κουμπιού. Για παράδειγμα, το στυλ για την κατάργηση των ορίων από τα blockquotes που χρησιμοποιείτε για την εισαγωγή του κειμένου θα μοιάζει με τον παρακάτω κώδικα: Το κείμενο που έχετε χαράξει

& lt; Pre & gt; Tag

Η ετικέτα HTML

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

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

Χρησιμοποιήστε τις ιδιότητες CSS κειμένου-παύλα ή περιθωρίου αριστερά για να προσθέσετε το κείμενο σας. Η ιδιότητα κειμένου-απόληξης θα υποχωρήσει την πρώτη γραμμή κειμένου μεταξύ ενός

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

για να εισάγετε την πρώτη γραμμή κειμένου που περιέχει 10 εικονοστοιχεία: style = "text-indent: 10px" Εσοχή σε όλες τις γραμμές της παραγράφου ή div χρησιμοποιώντας την ιδιότητα περιθωρίου. Για παράδειγμα, το στυλ = "margin-left: 10px" (περιλαμβάνει εισαγωγικά) προσθέτει 10 εικονοστοιχεία κενών διαστημάτων στα αριστερά όλων των κειμένων μεταξύ ενός

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

ή ετικέτες μέσα σε μια ιστοσελίδα ή σε ολόκληρο τον ιστότοπο, προσθέτοντάς τα σε ένα εσωτερικό ή εξωτερικό φύλλο στυλ. Για παράδειγμα, οι ακόλουθες εσοχές στυλ όλα έγγραφα παράγραφο 10 εικονοστοιχεία προς τα δεξιά: p {κείμενο-indent-left: 10px;}