Προσθήκη ετικέτας σε νέα παράγραφο. Ετικέτα παραγράφου. Μάθημα τέταρτο. Εμφάνιση προγράμματος περιήγησης
– στη διαδικασία δημιουργίας ενός ιστότοπου, πρέπει να δουλέψουμε πολύ με μπλοκ κειμένου ή φράσεις κειμένου. Μια μέρα, χρειάστηκε να προσθέσω μια φράση κειμένου με τέτοιο τρόπο ώστε πριν από αυτήν τη φράση κειμένου να υπάρχει κάποια κείμενο εσοχής από την άκρη htmlμπλοκ στο οποίο προστέθηκε αυτό το κείμενο.
Έτσι, η πρώτη μέθοδος είναι η πιο φυσική και απλή. Για να δημιουργήσετε εσοχή στο κείμενο, προσθέστε έναν κώδικα διαστήματος html πριν από το κείμενο - Μπορείτε να προσθέσετε έναν κώδικα διαστήματος html σε οποιοδήποτε πρόγραμμα επεξεργασίας html.
Ακολουθεί ένα παράδειγμα κώδικα εργασίας για τη ρύθμιση της εσοχής για κείμενο χρησιμοποιώντας τον κώδικα διαστήματος:
HTML αριστερή εσοχή κειμένου, χρησιμοποιήστε κωδικό διαστήματος
Σε αυτό το παράδειγμα, πριν από το κείμενο που έχουμε επιλέξει, ο κωδικός διαστήματος είναι προστέθηκε τέσσερις φορές, ως αποτέλεσμα, έχουμε την εσοχή που χρειαζόμαστε.
Γνωρίζουμε ότι ο κώδικας διαστήματος επεξεργάζεται οποιοδήποτε πρόγραμμα περιήγησης. Επομένως, προσθέτοντας τον απαιτούμενο αριθμό κενών πριν από το κείμενο, μπορείτε να λάβετε την απαιτούμενη εσοχή για το κείμενο.
Αυτή η μέθοδος είναι καλή επειδή είναι εγγυημένη η επεξεργασία της από οποιοδήποτε πρόγραμμα περιήγησης.
Αλλά αυτή η μέθοδος έχει ένα σημαντικό μειονέκτημα. Για να δημιουργήσετε εσοχές στο κείμενο αρκετά στον κώδικα html, θα πρέπει να προσθέσετε έναν μεγάλο αριθμό χαρακτήρων διαστήματος πριν από το κείμενο, οι οποίοι μπορεί να μην φαίνονται όμορφοι, δυσκίνητοι και αντιεπαγγελματικοί.
Μια λύση σε αυτό το πρόβλημα είναι η ακόλουθη μέθοδος ρύθμισης της εσοχής.
Εσοχή κειμένου HTML, μέθοδος δύο - αυτή η μέθοδος βασίζεται στις ιδιότητες της ετικέτας blockquote. Αυτή η ετικέτα ορίζει μια εσοχή περίπου 40 pixel στα αριστερά και δεξιά για το κείμενο που τοποθετείται σε αυτήν. Επιπλέον, η εσοχή καθορίζεται στο επάνω και στο κάτω μέρος. Ένα παράδειγμα κώδικα html για τη χρήση αυτής της μεθόδου δίνεται παρακάτω:
στα αριστερά, χρησιμοποιήστε την ετικέτα μπλοκ
Όπως μπορείτε να δείτε, αυτή η μέθοδος ρύθμισης εσοχής για κείμενο είναι πολύ εύκολη στη χρήση, αλλά αυτή η μέθοδος έχει επίσης ένα σημαντικό μειονέκτημα. Η εσοχή που ορίζει η ετικέτα μπλοκείναι σταθερό και ισούται πάντα με την ίδια τιμή – 40 px.
Για να διορθώσετε την κατάσταση και κατά την προσθήκη εσοχή htmlκαι για κείμενογια να μπορέσουμε να ορίσουμε οποιαδήποτε τιμή, θα χρησιμοποιήσουμε την τρίτη μέθοδο.
Εσοχή κειμένου HTML, μέθοδος τρίτη.
Εδώ θα χρησιμοποιήσουμε την ιδιότητα εσοχής κειμένου των CSS Cascading Style Sheets.
Εάν ανοίξουμε το βιβλίο αναφοράς CSS, στη σελίδα με μια περιγραφή των ιδιοτήτων της εσοχής κειμένου, θα δούμε ότι χρησιμοποιώντας την εσοχή κειμένου, μπορούμε να ορίσουμε την τιμή εσοχής της πρώτης γραμμής ή της πρώτης παραγράφου ή οποιουδήποτε μπλοκ κειμένου .
Εξετάζουμε ένα παράδειγμα με ένα σύντομο μπλοκ κειμένου, επομένως οι ιδιότητες της εσοχής κειμένου είναι αρκετά κατάλληλες για την περίπτωσή μας.
Παρακάτω είναι ο κώδικας html που δημιουργεί εσοχές κειμένου χρησιμοποιώντας εσοχή κειμένου. Το παράδειγμα δείχνει ότι ορίζοντας την εσοχή κειμένου σε διαφορετικές τιμές ορίσματος, μπορούμε να αλλάξουμε την ποσότητα της εσοχής κειμένου:
HTMLεσοχήκείμενο, λειτουργεί το στυλ CSS - κείμενο-εσοχή
Κατά τη γνώμη μου, αυτή η μέθοδος ορισμού εσοχής για κείμενο είναι η πιο βέλτιστη, αλλά, ωστόσο, ας εξετάσουμε έναν άλλο τρόπο για να ορίσουμε μια εσοχή, χρησιμοποιώντας εικόνες.
Εσοχή κειμένου HTML, τέταρτη μέθοδος - εδώ θα χρησιμοποιήσουμε μια εικόνα για να ορίσουμε την εσοχή.
Ως παράδειγμα εργασίας, ας δούμε αμέσως τον κώδικα html που δείχνει πώς λειτουργεί αυτή η μέθοδος:
στα αριστερά, χρησιμοποιήστε την εικόνα
Από το παραπάνω παράδειγμα φαίνεται ξεκάθαρα ότι αλλάζοντας το πλάτος της εικόνας, μπορούμε να αλλάξουμε τη θέση του κειμένου, δηλαδή να ορίσουμε την επιθυμητή εσοχή για το κείμενο.
Ως εικόνα, μπορείτε να χρησιμοποιήσετε μια εικόνα της οποίας το πλάτος και το ύψος είναι ίσα με ένα pixel. Για να μην είναι ορατή η εικόνα που χρησιμοποιούμε στη σελίδα, θα ορίσουμε το χρώμα της ακριβώς ίδιο με το φόντο της σελίδας του ιστότοπου.
Κατά τη γνώμη μου, οι παραπάνω μέθοδοι για τον ορισμό εσοχών για κείμενο είναι αρκετά αρκετές για να οργανώσετε την εσοχή που χρειάζεστε σε κάθε περίπτωση κατά την προσθήκη περιεχομένου στη σελίδα των τοποθεσιών σας.
Γειά σου! Ας συνεχίσουμε να εξετάζουμε τα βασικά του προγραμματισμού ιστοτόπων. Είναι δύσκολο να φανταστεί κανείς τουλάχιστον ένα από αυτά που δεν περιέχει ετικέτα παραγράφου στον κώδικά του. Σήμερα θα δούμε πώς να το γράψουμε σωστά και μια περιγραφή πολλών πρόσθετων ενεργειών με κείμενο.
Παράδειγμα
Ας δούμε ένα παράδειγμα για το πώς να δημιουργήσετε μια παράγραφο σε κώδικα HTML.
Μία ή περισσότερες προτάσεις.
Απαραίτητη προϋπόθεση είναι η παρουσία μιας ετικέτας ανοίγματος και κλεισίματος. Παρεμπιπτόντως, μπορείτε να κάνετε τα πάντα απευθείας στο Σημειωματάριο, απλά πρέπει να αποθηκεύσετε το αρχείο στην κατάλληλη μορφή αργότερα.
Μορφοποίηση
Αρκετά συχνά παρατηρώ ότι οι άνθρωποι ενδιαφέρονται για το πώς να κάνουν μια κόκκινη γραμμή. Για μια συγκεκριμένη παράγραφο είναι πολύ απλό.
Η ενεργοποίηση αυτών των επιλογών θα φέρει εσοχή στην πρώτη γραμμή 15 pixel από την αριστερή άκρη. Εάν τέτοιες αλλαγές πρέπει να εφαρμοστούν σε όλες τις ετικέτες P, τότε στο αρχείο CSS που είναι συνδεδεμένο με τις σελίδες του ιστότοπου, μπορείτε να γράψετε τον κώδικα που φαίνεται παρακάτω.
Προσωπικά, συνήθως δεν κάνω κόκκινες γραμμές όταν επεξεργάζομαι κώδικα στο Σημειωματάριο ή σε άλλο πρόγραμμα επεξεργασίας.
Περιλαμβάνω απλώς padding μεταξύ μπλοκ κειμένου. Για να το κάνετε αυτό, πρέπει να καθορίσετε ειδικές παραμέτρους στο CSS.
p(margin-bottom:25px;)
Εάν χρησιμοποιείτε αυτό το σχέδιο, τότε μετά από κάθε παράγραφο θα υπάρχει μια εσοχή 25 εικονοστοιχείων.
Στην πραγματικότητα, υπάρχουν πολλές επιλογές για εργασία με HTML και διάφορα στυλ. Έχω περιγράψει μόνο μερικά από αυτά είναι πολύ δύσκολο να καλύψω τα πάντα σε ένα άρθρο.
Θέλετε να μάθετε περισσότερα; Μπορεί να σας φανούν χρήσιμες οι προηγούμενες δημοσιεύσεις μου για τα ακόλουθα θέματα:
Εδώ θα ολοκληρώσω το άρθρο και, νομίζω, τώρα δεν θα είναι δύσκολο να φτιάξεις παραγράφους σε HTML και να τις μορφοποιήσεις όμορφα χρησιμοποιώντας ειδικές ετικέτες.
Σας εύχομαι καλή επιτυχία στο mastering του προγραμματισμού. Παρεμπιπτόντως, έχετε σκεφτεί να κερδίσετε χρήματα σε μη κερδοσκοπικούς ιστότοπους πληροφόρησης; Παρείχε απλά καταπληκτικές πληροφορίες ειδικά για τους αναγνώστες του.
Η κανονική διαδικτυακή εργασία και τα οικονομικά είναι τα βασικά θέματα αυτού του ιστολογίου. Μπορείτε να εξοικειωθείτε με μεμονωμένες προοπτικές στο διαδίκτυο αυτή τη στιγμή από δημοσιευμένο υλικό. Συνεχίζω να προετοιμάζω και να δημοσιεύω νέο, και το πιο σημαντικό, πραγματικά χρήσιμο περιεχόμενο. Εγγραφείτε στις ενημερώσεις Workip στο email σας. Τα λέμε αργότερα.
Κάθε κείμενο έχει τη δική του μοναδική δομή: τα βιβλία χωρίζονται σε μέρη, ενότητες και κεφάλαια, οι εφημερίδες και τα περιοδικά έχουν ξεχωριστούς τίτλους και υποτίτλους, οι οποίοι, με τη σειρά τους, περιλαμβάνουν τμήματα κειμένου που έχουν επίσης τη δική τους δομή: παράγραφοι, εσοχές κ.λπ.
Το κείμενο που δημοσιεύεται σε ιστοσελίδες δεν αποτελεί εξαίρεση, πρέπει επίσης να έχει μια λογική δομή που είναι κατανοητή σε κάθε χρήστη. Εξάλλου, πολλά εξαρτώνται από το πόσο βολικό και απλό γίνεται αντιληπτό το κείμενο στη σελίδα: πρώτα απ 'όλα, ποια εντύπωση θα έχει ο επισκέπτης για τον ιστότοπό σας.
Για να δημιουργήσετε δομικές μονάδες κειμένου όπως παραγράφους, τα έγγραφα HTML χρησιμοποιούν την ετικέτα
, το οποίο διαχωρίζει τμήματα κειμένου με κάθετη εσοχή (προστίθεται μια κενή γραμμή πριν και μετά την παράγραφο).
Σημείωση: από προεπιλογή, η απόσταση μεταξύ των παραγράφων είναι 1em (em είναι μια μονάδα μέτρησης ίση με το ύψος της γραμματοσειράς), δηλαδή, η απόσταση μεταξύ των παραγράφων εξαρτάται άμεσα από το μέγεθος της γραμματοσειράς.
Για να αλλάξετε τα περιθώρια μεταξύ των παραγράφων χωρίς να αλλάξετε το μέγεθος της γραμματοσειράς, μπορείτε να χρησιμοποιήσετε την ιδιότητα margin CSS.
Μην ξεχνάτε την ετικέτα κλεισίματος
Τα περισσότερα προγράμματα περιήγησης θα αποδώσουν σωστά το έγγραφο HTML ακόμα κι αν ξεχάσετε την ετικέτα κλεισίματος.
Παράγραφος
Μια άλλη παράγραφος
Αυτός ο κώδικας θα λειτουργεί στα περισσότερα προγράμματα περιήγησης, αλλά μην βασίζεστε σε αυτόν. Μια ξεχασμένη ετικέτα κλεισίματος μπορεί να οδηγήσει σε απροσδόκητα αποτελέσματα ή σφάλματα.
κόκκινη γραμμή
Τι είναι η κόκκινη γραμμή; Εξ ορισμού, αυτή είναι η γραμμή εκκίνησης μιας παραγράφου, η οποία τονιζόταν με κόκκινο χρώμα (εξ ου και το όνομα). Πριν εφευρεθεί η εκτύπωση, τα βιβλία γράφονταν στο χέρι - ένα κεφάλαιο ή μέρος του κειμένου, η πρώτη λέξη ή γράμμα γράφτηκε με κόκκινη μπογιά. Έτσι εμφανίστηκε η έννοια της «γραφής από την κόκκινη γραμμή» - αυτό σημαίνει την αρχή μιας νέας σκέψης, κεφαλαίου ή μέρους.
Ωστόσο, κατά τη δημιουργία ιστοσελίδων, ο σχεδιασμός της κόκκινης γραμμής χρησιμοποιείται αρκετά σπάνια, παρά το γεγονός ότι καθιστά πολύ πιο βολική την οπτική αντίληψη του κειμένου, κάτι που είναι πολύ σημαντικό για τον παραδοσιακό αναγνώστη - δεν αισθάνονται όλοι άνετα να διαβάζουν την ηλεκτρονική έκδοση του το κείμενο.
Για να προσθέσετε μια κόκκινη γραμμή στις παραγράφους σας, πρέπει να χρησιμοποιήσετε την ιδιότητα CSS με εσοχή κειμένου, η οποία σας επιτρέπει να κάνετε εσοχή στην πρώτη πρόταση:
Δοκιμάστε "
Στο παραπάνω παράδειγμα, η πρώτη γραμμή κάθε παραγράφου στη σελίδα θα ξεκινά με μια εσοχή 25 εικονοστοιχείων. Το παρακάτω παράδειγμα δείχνει πώς μπορείτε να ορίσετε μια κόκκινη γραμμή μόνο για μια συγκεκριμένη παράγραφο σε μια σελίδα.
Όπως σε κάθε πραγματική τέχνη, δεν υπάρχουν μικροπράγματα στα καλά κείμενα, στα οποία κάποιοι εντάσσουν την κόκκινη γραμμή, πιστεύοντας ότι η χρήση της δεν είναι τόσο σημαντική. Ωστόσο, πρέπει να καταλάβουμε ότι κάθε κόμμα φέρει τόσο αισθητικό όσο και σημασιολογικό φορτίο και δεν είναι μόνο φόρος τιμής στους κανόνες της γραμματικής - αυτό ισχύει και για τη μορφοποίηση.
Δοκιμάστε "Σημείωση: δεν είναι απαραίτητο να ορίσετε την εσοχή στα 25 εικονοστοιχεία, μπορείτε να επιλέξετε μόνοι σας το βέλτιστο μέγεθος εσοχής και χρησιμοποιώντας την ιδιότητα εσοχή κειμένου μπορείτε να δημιουργήσετε μια γραμμή που προεξέχει πάνω από το υπόλοιπο κείμενο μια αρνητική τιμή για την ιδιότητα (για παράδειγμα: -30 px).
Γεια σας, αγαπητοί αναγνώστες του ιστολογίου! Αυτό το άρθρο θα μιλήσει για ετικέτες μορφοποίησης κειμένου. Τα κύρια παραδείγματα περιλαμβάνουν τη δημιουργία του κειμένου με έντονη ή πλάγια γραφή. Θα εξετάσουμε επίσης τον αντίκτυπο ορισμένων ετικετών στη βελτιστοποίηση εσωτερικού ιστότοπου και τους κανόνες σύνταξης τους. Μπορείτε να διαβάσετε σχετικά στο συγκεκριμένο άρθρο. Παρεμπιπτόντως, μπορείτε να βρείτε παρόμοια στοιχεία σχεδίασης κειμένου σε πολλά προγράμματα επεξεργασίας κειμένου, για παράδειγμα στο Word.
Οι ετικέτες χωρίζονται σε 2 τύπους: μπλοκ και ενσωματωμένη. Όταν χρησιμοποιείτε το πρώτο, μπορείτε να αλλάξετε το περιεχόμενο μέρους του κειμένου (γραμμές, μεμονωμένα τμήματα ή λέξεις) και το δεύτερο είναι . Οι ετικέτες μορφοποίησης που θα εξετάσουμε σε αυτό το άρθρο είναι κυρίως πεζά.
Κανόνες και σειρά γραφής ετικετών
Γνωρίζετε ήδη τι είναι οι ετικέτες ανοίγματος και κλεισίματος. Εάν όχι, τότε διαβάστε το άρθρο που δόθηκε στην αρχή αυτού του υλικού. Εν ολίγοις, υπάρχουν δύο τύποι ετικετών: single (για παράδειγμα, νέα γραμμή) και δοχείο (σε ζευγάρια). Έτσι, όλες οι ετικέτες μορφοποίησης κειμένου είναι ζευγαρώσει. Αυτό σημαίνει ότι οποιοδήποτε στοιχείο έχει ετικέτα ανοίγματος και κλεισίματος και η επισήμανση πρέπει να τοποθετηθεί ανάμεσά τους. Για παράδειγμα, η σωστή επιλογή μιας φράσης θα μοιάζει με αυτό: Επιλεγμένο θραύσμα
Όταν το πρόγραμμα περιήγησης επεξεργάζεται αυτό το τμήμα, θα δείτε το ακόλουθο κείμενο: Επιλεγμένο θραύσμα.Παρεμπιπτόντως, όλες οι ετικέτες δεν εμφανίζονται στη ροή RSS ().
Το κύριο πράγμα όταν γράφετε ετικέτες είναι να μην ξεχάσετε να τις κλείσετε. Διαφορετικά, όλο το κείμενο στη σελίδα θα επισημαίνεται με έντονη γραφή (στο παράδειγμα με την ετικέτα ). Υπάρχουν όμως περιπτώσεις που πρέπει να επισημάνετε ένα συγκεκριμένο κομμάτι ταυτόχρονα με έντονους και πλάγιους χαρακτήρες. Αλλά δεν υπάρχει ετικέτα που να εκτελεί αυτήν την ενέργεια. Υπάρχει μόνο μία διέξοδος από αυτήν την κατάσταση: χρησιμοποιήστε δύο ετικέτες ταυτόχρονα. Δεν έχει σημασία με ποια σειρά τα χρησιμοποιείτε. Επομένως, γράφοντας κείμενο με ετικέτες όπως αυτή:
Επιλεγμένο θραύσμα
ή σαν αυτό:
Επιλεγμένο θραύσμα
Θα λάβετε ακόμα Επιλεγμένο θραύσμα πλάγιο και τολμηρό ταυτόχρονα. Ωστόσο, είναι προτιμότερο να χρησιμοποιήσετε την πρώτη επιλογή, γιατί αρχικά ήταν η μόνη και σωστή. Επίσης, μην ξεχνάτε ότι κάθε πρόγραμμα περιήγησης μπορεί να επεξεργάζεται ετικέτες διαφορετικά (), ανάλογα με τις ρυθμίσεις. Τώρα ας προχωρήσουμε στις ίδιες τις ετικέτες μορφοποίησης.
Έντονο και πλάγιο κείμενο - ετικέτες , , Και
Οι πιο δημοφιλείς ετικέτες μορφοποίησης κειμένου - επισημαίνοντάς το τολμηρόςΚαι πλάγια γραφή. Συνήθως χρησιμοποιούνται για να δώσουν σημασία σε ένα θραύσμα. Η πρώτη περίπτωση χρησιμεύει για την επισήμανση ενός τμήματος που περιέχει χρήσιμες πληροφορίες ή λέξεις-κλειδιά. Τα πλάγια γράμματα εξυπηρετούν τον ίδιο σκοπό με το έντονο κείμενο, αλλά οι πληροφορίες είναι λιγότερο σημαντικές, επειδή τα πλάγια γράμματα είναι λιγότερο αισθητά στο φόντο του κυρίως κειμένου από το έντονο κείμενο.Ας εξετάσουμε πρώτα κάνοντας το κείμενο τολμηρό. Υπάρχουν δύο ετικέτες που χρησιμοποιούνται για αυτήν την ενέργεια − Και . Δεν υπάρχει διαφορά στην εμφάνιση. Αν και, δεδομένου ότι κάθε πρόγραμμα περιήγησης μπορεί να ερμηνεύσει διαφορετικά κάθε στοιχείο, ίσως μπορείτε να δείτε τυχόν διαφορές. Έτσι μοιάζει το κείμενο στις ετικέτες Και σε μια μορφή που έχει ήδη υποβληθεί σε επεξεργασία από το πρόγραμμα περιήγησης:
Κείμενο σε ετικέτες ισχυρό
Κείμενο σε ετικέτες b
Και να πώς φαίνονται αυτές οι δύο γραμμές στον πηγαίο κώδικα της σελίδας:
Κείμενο σε ετικέτες ισχυρό Κείμενο σε ετικέτες b
Μπορούμε να παρατηρήσουμε την ίδια κατάσταση στην περίπτωση του πλάγιες ετικέτες Και . Προσπαθήστε να βρείτε τις διαφορές μεταξύ των δύο παραδειγμάτων:
Κείμενο σε ετικέτες em
Κείμενο σε ετικέτες I
Και εδώ είναι ο πηγαίος κώδικας:
Κείμενο σε ετικέτες em Κείμενο σε ετικέτες I
Έτσι, οι θεωρούμενες έντονες και πλάγιες ετικέτες στην πραγματικότητα δεν διαφέρουν, αλλά τότε γιατί χρειαζόμαστε, για παράδειγμα, την ετικέτα αν υπάρχει ? Εξάλλου, ο τελευταίος περιέχει μόνο έναν χαρακτήρα (χωρίς να υπολογίζονται οι παρενθέσεις) και, ως εκ τούτου, είναι πιο εύκολο να γραφτεί. Και το όλο θέμα είναι ότι οι ετικέτες Και επιρροή . Εάν περιβάλλετε λέξεις-κλειδιά με αυτές τις ετικέτες, αυτό θα έχει ευεργετική επίδραση στην προώθηση του ιστότοπου Το κύριο πράγμα είναι να μην το παρακάνετε - το κείμενο πρέπει να περιέχει το πολύ 5% έντονο κείμενο στην ετικέτα , και τον ίδιο αριθμό πλάγιων γραμμάτων στην ετικέτα .
Εάν θέλετε απλώς να επισημάνετε κάποιο σημείο του κειμένου, χρησιμοποιήστε την ετικέτα ή . Γενικά, νομίζω ότι και οι μηχανές αναζήτησης θεωρούν το κείμενο σε αυτές τις ετικέτες ως πιο σημαντικό, αλλά εσωτερική βελτιστοποίησηεξακολουθούν να έχουν μικρότερη επιρροή από ό Και .
Ετικέτες για την επισήμανση κειμένου με μια γραμμή - , Και
Τώρα ας δούμε μερικές ετικέτες που χρησιμοποιούν παύλα στη σχεδίαση κειμένου. Ο πιο διάσημος επεξεργαστής κειμένου που γνωρίζετε είναι ετικέτα
ή υπογράμμιση. Αυτή η ετικέτα δεν έχει αντίκτυπο στην κατάταξη (από όσο γνωρίζω), αλλά η επισήμανση κάποιου κειμένου και η εστίαση της προσοχής σε αυτό θα βοηθήσει. Έδωσα ένα παράδειγμα χρήσης αυτής της ετικέτας ακριβώς παραπάνω. Δύο ακόμη ετικέτες παρόμοιες στο σκοπό - Και . Και οι δύο εκτελούν τη λειτουργία του εντυπωσιακού κειμένου. Μπορείτε να χρησιμοποιήσετε αυτήν την ετικέτα σε οποιαδήποτε περίπτωση: εάν ενημερώνετε ένα έγγραφο (ή μάλλον μέρος του), μπορείτε να διαγράψετε το παλιό και να προσθέσετε ένα νέο. αν πρόκειται να γράψεις κάτι που αποκλίνει από το θέμα του υλικού? κάτι που δεν ανταποκρίνεται σε ηθικά και ηθικά πρότυπα.
Οι διαφορές μεταξύ αυτών των δύο ετικετών είναι μόνο στο δικό τους Γραφή, με αποτέλεσμα να είναι προτιμότερη η χρήση του πρώτου, γιατί πρώτον, είναι πιο βολικό να γράφετε και δεύτερον, η σελίδα σας θα περιέχει λιγότερο κώδικα HTML και αυτό αρέσει στις μηχανές αναζήτησης.
Ετικέτα και χαρακτηριστικά - παράμετροι γραμματοσειράς κειμένου
Τώρα σκεφτείτε μια ετικέτα που δεν χρησιμοποιείται χωρίς χαρακτηριστικά. Χρησιμοποιώντας το, μπορείτε να ορίσετε παραμέτρους για ένα συγκεκριμένο κομμάτι κειμένου. Γενικά, είναι πλέον προτιμότερο να χρησιμοποιούνται (cascading style sheets), γιατί... χρησιμοποιώντας τους μπορείτε να μειώσετε σημαντικά ολόκληρο τον κώδικα HTML της σελίδας. Λοιπόν, ας δούμε την ίδια ετικέτα . Όλα υπάρχουν για αυτόν τρία χαρακτηριστικά:
- πρόσωπο- η ίδια η γραμματοσειρά. Για παράδειγμα, Arial, Courier ή Verdana. Μπορείτε να απαριθμήσετε πολλά, γιατί δεν έχουν όλοι οι χρήστες ένα εκτεταμένο σύνολο γραμματοσειρών και γράφοντας αρκετές στο χαρακτηριστικό πρόσωπο, το πρόγραμμα περιήγησης θα μπορεί να επιλέξει ποια θα χρησιμοποιήσει ή μάλλον ποια θα είναι παρούσα στο σύστημα.
- Μέγεθος— ένα χαρακτηριστικό που υποδεικνύει το μέγεθος του κειμένου. Μπορεί να εκφραστεί τόσο σε συμβατικές μονάδες όσο και σε pixel.
- χρώμα- χρώμα κειμένου. Αυτό το χαρακτηριστικό μπορεί να χρησιμοποιηθεί τόσο σε χρωματικούς κώδικες HTML όσο και σε word. Τα πρώτα έχουν τη μορφή #FFFFFF (όπου F είναι οποιοσδήποτε αριθμός ή γράμμα από το Α έως το F), και τα δεύτερα γράφονται με απλές λέξεις (για παράδειγμα, κόκκινο).
Έτσι φαίνεται το κείμενο στην ετικέτα χρησιμοποιώντας κάθε χαρακτηριστικό:
Αυτό το κείμενο είναι 6 px
Αυτό το κείμενο είναι κόκκινο Αυτό το κείμενο είναι σε γραμματοσειρά Arial Αυτό το κείμενο είναι κόκκινο και μέγεθος 5 pxΚαι αυτό είναι που θα δείτε μετά την επεξεργασία του γραπτού κώδικα: 
Αποκλεισμός στοιχείων σχεδίασης κειμένου - επικεφαλίδες -, παράγραφος
, παράγραφος
Τέλος, θα δούμε στοιχεία μπλοκ, τα οποία χρησιμοποιούνται σχεδόν σε κάθε έγγραφο. Αυτές είναι ετικέτες επικεφαλίδων και παραγράφων. Ας εξετάσουμε το πρώτο. Υπάρχουν 6 τύποι επικεφαλίδων και ο καθένας έχει τη δική του ετικέτα. Κάθε τύπος έχει μόνο τον δικό του σειριακό αριθμό και καταγράφεται με χρήση ετικετών
, ,..., . Δείτε πώς φαίνονται όλες οι κεφαλίδες κατά την επεξεργασία:
. Δείτε πώς φαίνονται όλες οι κεφαλίδες κατά την επεξεργασία:
Ο αριθμός μετά τον τίτλο της λέξης αντιστοιχεί στον αριθμό στην ετικέτα
Τώρα ας μιλήσουμε για την ετικέτα επισήμανσης παραγράφου
Η λειτουργία αυτής της ετικέτας είναι να διαχωρίζει κείμενο μεταξύ ενός άλλου ίδιου κειμένου και μιας κενή γραμμής. Αν κοιτάξετε τον πηγαίο κώδικα ενός εγγράφου, μπορείτε να δείτε τα εξής:
Τα πράσινα ορθογώνια περιέχουν μια παράγραφο, τα κόκκινα ορθογώνια περιέχουν μια άλλη. Και να πώς φαίνεται αυτός ο κώδικας μετά την επεξεργασία από το πρόγραμμα περιήγησης (το βέλος δείχνει σε μια κενή γραμμή):
Ως αποτέλεσμα, έχουμε έναν αρκετά αξιοσημείωτο διαχωρισμό μιας παραγράφου από την άλλη, κάτι που είναι ευεργετικό - η ανάγνωση γίνεται πιο βολική.
Αυτό είναι το τέλος του άρθρου για ετικέτες μορφοποίησης εγγράφων. Υπάρχουν πολλά περισσότερα από αυτά που περιέγραψα σε αυτό το υλικό. Απλώς πρέπει να ειπωθούν πολλά για μερικά από αυτά, με αποτέλεσμα να αφιερωθούν ξεχωριστά άρθρα με πλήρη κριτική!
Εργο
Προσθέστε μια εσοχή στην πρώτη γραμμή κάθε παραγράφου.
Λύση
Όταν χρειάζεται να ορίσετε την εσοχή παραγράφου, που ονομάζεται επίσης εσοχή, είναι καλύτερο να χρησιμοποιήσετε την ιδιότητα στυλ εσοχής κειμένου. Η τιμή του καθορίζει πόσο θα μετατοπιστεί το κείμενο της πρώτης γραμμής προς τα δεξιά από την αρχική του θέση. Το πλάτος του μπλοκ κειμένου δεν αλλάζει και παραμένει ορισμένο αρχικά. Η ποσότητα της εσοχής μπορεί να καθοριστεί σε pixel, ποσοστά ή άλλες διαθέσιμες μονάδες (παράδειγμα 1).
Παράδειγμα 1: Εσοχή πρώτης γραμμής
HTML5 CSS 2.1 IE Cr Op Sa Fx
Το Βαβυλωνιακό Πανδαιμόνιο, σύμφωνα με τον βιβλικό μύθο, είναι η αποτυχημένη προσπάθεια του βασιλιά Νιμρώδ να χτίσει έναν ψηλό ουρανό στη Βαβυλώνα. Ο Θεός, θυμωμένος με τους ανθρώπους για την απερίσκεπτη επιθυμία τους, αποφάσισε να τιμωρήσει τους οικοδόμους: μπέρδεψε τη γλώσσα τους έτσι που έπαψαν να καταλαβαίνουν ο ένας τον άλλον, αναγκάστηκαν να σταματήσουν την κατασκευή και σιγά σιγά διασκορπίστηκαν σε όλο τον κόσμο. Από εδώ, όπως εξηγούσαν οι αρχαίοι, προέκυψε η διαφορά στις γλώσσες.
Στη συνηθισμένη έννοια, Βαβυλωνιακό πανδαιμόνιο σημαίνει αταξία, σύγχυση με μεγάλο πλήθος ανθρώπων.
Το αποτέλεσμα αυτού του παραδείγματος φαίνεται στο Σχ. 1.