Εσοχή παραγράφου Css. Πώς να δημιουργήσετε μια κόκκινη γραμμή σε html ή να κάνετε εσοχή στην πρώτη γραμμή σε μια παράγραφο


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

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

Εάν τα πράγματα είναι πραγματικά δύσκολα και χρησιμοποιείτε ένα συνηθισμένο σημειωματάριο, τότε για να το προβάλετε πρέπει να αποθηκεύσετε το κείμενο προέλευσης με την επέκταση .htm ή .html και, στη συνέχεια, να προβάλετε το αποθηκευμένο αρχείο σε ένα πρόγραμμα περιήγησης. Εάν έχετε Windows, τότε το πρόγραμμα περιήγησης Internet Explorer είναι ενσωματωμένο αυτόματα κατά την εγκατάσταση του συστήματος.

Λοιπόν, αυτό φαίνεται να είναι όλο.

Ας ξεκινήσουμε δουλειά.

Απαιτούμενες ετικέτες (ετικέτες)

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

Η ενότητα HEAD συνήθως περιέχει μια ετικέτα (ετικέτα) </b>, που χρησιμεύει για να υποδείξει το όνομα της σελίδας. Οι τίτλοι σελίδων εμφανίζονται συνήθως στη γραμμή τίτλου του παραθύρου του προγράμματος περιήγησης. Ο τίτλος της ιστοσελίδας μπορεί να πληκτρολογηθεί μόνο χρησιμοποιώντας αλφαριθμητικούς χαρακτήρες και κενά.</p> <p>Μετά έρχεται η ετικέτα (ετικέτα) <b><BODY> </b>, που υποδηλώνει την αρχή του πραγματικού «σώματος» της ιστοσελίδας. Αυτή η ενότητα περιέχει όλα τα άλλα κείμενα, γραφικά, πίνακες και άλλα στοιχεία περιεχομένου σελίδας που θα δει ένας επισκέπτης στον ιστότοπό σας.</p> <p>Παράδειγμα:</p><p> <html> <head> <title>Online εκπαίδευση: HTML Κείμενο ιστοσελίδας

Ένας κανονικός επεξεργαστής HTML έχει ήδη ένα σύνολο από τις παραπάνω ετικέτες (tags) κατά τη δημιουργία μιας νέας σελίδας. Πρέπει να πούμε ότι η επιλογή ονομάτων για ιστοσελίδες θα πρέπει να ληφθεί πολύ σοβαρά υπόψη, γιατί χρησιμοποιούνται από τις μηχανές αναζήτησης για τη δημιουργία καταλόγων ιστοσελίδων. Μια μηχανή αναζήτησης είναι ένας ιστότοπος που βοηθά τους χρήστες να βρίσκουν γρήγορα τις πληροφορίες που τους ενδιαφέρουν. Η σελίδα σας είναι πιο πιθανό να βρεθεί από μια μηχανή αναζήτησης στην οποία δίνεται ένα συγκεκριμένο σύνολο λέξεων-κλειδιών αναζήτησης, εάν αυτές οι λέξεις εμφανίζονται στον τίτλο της σελίδας. Μεταξύ των πιο δημοφιλών μηχανών αναζήτησης είναι οι Yandex, Google, Aport, Yahoo, Rambler.

Δημιουργία παραγράφου, χαρακτήρες διαστήματος, επικεφαλίδα

Τα προγράμματα περιήγησης Ιστού συνήθως δεν λαμβάνουν υπόψη τους χαρακτήρες νέας γραμμής που εισάγονται στο κείμενο από τον χρήστη στο στάδιο του σχηματισμού του. Για να ξεκινήσετε μια νέα παράγραφο, χρησιμοποιήστε μια ετικέτα (ετικέτα)

.

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

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

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

Παράδειγμα:

Κώδικας HTML:


παράγραφος στοιχισμένη αριστερά...

η παράγραφος είναι στοιχισμένη προς τα δεξιά...

Η παράγραφος είναι στοίχιση στο κέντρο...

η παράγραφος είναι δικαιολογημένη...

Εμφάνιση προγράμματος περιήγησης:


παράγραφος στοιχισμένη αριστερή παράγραφος ευθυγραμμισμένη αριστερή παράγραφος παράγραφος στοιχισμένη αριστερή παράγραφος στοίχιση αριστερή παράγραφος παραγράφου στοίχιση αριστερή παράγραφος παραγράφου στοίχιση αριστερή παράγραφος παραγράφου ευθυγράμμιση αριστερή παράγραφος παραγράφου στοίχιση αριστερή παράγραφος παραγράφου στοίχιση αριστερά

παράγραφος στοιχισμένη προς τα δεξιά παράγραφος ευθυγραμμισμένη προς τα δεξιά παράγραφος ευθυγραμμισμένη προς τα δεξιά παράγραφος στοίχιση προς τα δεξιά παράγραφος στοιχισμένη προς τα δεξιά παράγραφος στοιχισμένη προς τα δεξιά παράγραφος στοίχιση προς τα δεξιά στοίχιση προς τα δεξιά παράγραφος στοιχισμένη προς τη δεξιά παράγραφος ευθυγραμμισμένη προς τα δεξιά

παράγραφος στοιχισμένη στο κέντρο παράγραφος στοιχισμένη στο κέντρο παράγραφος στοιχισμένη στο κέντρο παράγραφος στοίχιση στο κέντρο παράγραφος στοιχισμένη στο κέντρο παράγραφος στοιχισμένη στο κέντρο παράγραφος στοιχισμένη στο κέντρο παράγραφος στοιχισμένη στο κέντρο παράγραφος στοίχιση στο κέντρο παράγραφο στοιχισμένη στο κέντρο παράγραφος στοίχιση στο κέντρο

παράγραφος δικαιολογημένη παράγραφος αιτιολογημένη παράγραφος αιτιολογημένη παράγραφος αιτιολογημένη παράγραφος αιτιολογημένη παράγραφος αιτιολογημένη παράγραφος αιτιολογημένη παράγραφος αιτιολογημένη παράγραφος αιτιολογημένη παράγραφος αιτιολογημένη παράγραφος αιτιολογημένη παράγραφος αιτιολογημένη παράγραφος αιτιολογημένη παράγραφος αιτιολογείται αιτιολογημένη παράγραφος

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

Για να μεταβείτε σε μια νέα γραμμή, χρησιμοποιήστε μια ετικέτα (ετικέτα)
. Λέει στο πρόγραμμα περιήγησης να σταματήσει να τοποθετεί κείμενο και άλλα στοιχεία σελίδας στην τρέχουσα γραμμή και να μετακινηθεί σε νέα γραμμή. Αυτή η ετικέτα (ετικέτα) δεν έχει το αντίστοιχο της κάθετο, τη λεγόμενη ετικέτα κλεισίματος (ετικέτα).

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

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

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

Η ιδιότητα εσοχή κειμένου έχει μια απλή σύνταξη:

κείμενο-εσοχή:<значение> | <проценты>| κληρονομώ

Μπορείτε να καθορίσετε pixel (px), σημεία (pt) και άλλες μονάδες αποδεκτές στο CSS ως τιμές. Η τιμή καθορίζει πόσο θα μετατοπιστεί το κείμενο της πρώτης γραμμής προς τα δεξιά από την αρχική του θέση. Είναι αποδεκτό να καθορίσετε αρνητικές τιμές, τότε το κείμενο θα μετακινηθεί προς τα αριστερά. Κατά τον καθορισμό τιμών ποσοστού, η εσοχή της πρώτης γραμμής υπολογίζεται ανάλογα με το πλάτος του μπλοκ κειμένου.

Εάν χρειάζεται να προσθέσετε μια κόκκινη γραμμή σε μία μόνο παράγραφο, μπορείτε να το κάνετε αυτό:

Αποτέλεσμα:

Υπήρχε μια βελανιδιά στην άκρη του δρόμου. Ήταν πιθανώς δέκα φορές παλαιότερο από τις σημύδες που αποτελούσαν το δάσος, δέκα φορές πιο παχύ και δύο φορές πιο ψηλό από κάθε σημύδα. Ήταν μια τεράστια βελανιδιά, διπλάσια της περιφέρειας, με σπασμένα κλαδιά και φλοιό κατάφυτο από παλιές πληγές. Με τεράστια, αδέξια, ασύμμετρα σκασμένα μπράτσα και δάχτυλα, στεκόταν σαν γέρος, θυμωμένος και περιφρονητικός φρικιό ανάμεσα στις χαμογελαστές σημύδες. Μόνο που μόνο αυτός δεν ήθελε να υποταχθεί στη γοητεία της άνοιξης και δεν ήθελε να δει ούτε την άνοιξη ούτε τον ήλιο.

Ή, στις παραγράφους που πρέπει να ξεκινούν με μια κόκκινη γραμμή, προσθέστε το χαρακτηριστικό class και προσθέστε το επιθυμητό στυλ:


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

Αποτέλεσμα:

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

Τώρα μπορείτε εύκολα κάντε μια κόκκινη γραμμή στις σελίδες σας html. Τα λέμε!

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

Παράγραφος 1

Παράγραφος 2

Κάθε παράγραφος ξεκινά με μια ετικέτα

Και τελειώνει με μια προαιρετική ετικέτα κλεισίματος

.

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

Το Παράδειγμα 7.1 δείχνει τη χρήση παραγράφων για τη δημιουργία εσοχών μεταξύ των γραμμών.

Παράδειγμα 7.1. Χρήση παραγράφων

Χρήση παραγράφων

Σε ορισμένα μέρη είναι ακόμα Φεβρουάριος, σε άλλα είναι ήδη Απρίλιος.

Ο χρόνος περνά, αιώνια μέτρηση: χρόνο με τον χρόνο, αιώνα με τον αιώνα...

Σε όλα - τον αβίαστο ρυθμό του, το κατάμαυρο τρέξιμό του.

Υπάρχουν είκοσι πέντε εβδομάδες χαράς και λύπης σε ένα χρόνο.

Είμαι είκοσι πέντε εβδομάδες στον Φεβρουάριο και είκοσι πέντε εβδομάδες στον Απρίλιο.

Για είκοσι πέντε εβδομάδες, αιώνες περνούν στην ομίχλη.

Η ηχηρή μου φάρσα πετάει κάπου προς τα σύννεφα.

Μ. Στσερμπάκοφ



Το αποτέλεσμα αυτού του παραδείγματος φαίνεται στο Σχ. 7.1.

Ρύζι. 7.1. Εσοχή σε μια ιστοσελίδα όταν χρησιμοποιείτε παραγράφους

Όπως φαίνεται από το σχήμα, όταν χρησιμοποιείτε την ετικέτα

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

Έτσι, το κείμενο του παραδείγματος 7.1, λαμβάνοντας υπόψη τις αλλαγές γραμμής, θα μετασχηματιστεί ως εξής (παράδειγμα 7.2).

Παράδειγμα 7.2. Ετικέτα

Συμβολισμοί στο κείμενο

Σε ορισμένους κήπους ανθίζουν αμυγδαλιές, ενώ σε άλλους πνέουν χιονοθύελλες.
Σε ορισμένα μέρη είναι ακόμα Φεβρουάριος, σε άλλα είναι ήδη Απρίλιος.
Ο χρόνος περνά, αιώνια μέτρηση: χρόνο με τον χρόνο, αιώνα με τον αιώνα...
Σε όλα - τον αβίαστο ρυθμό του, το κατάμαυρο τρέξιμό του.
Υπάρχουν είκοσι πέντε εβδομάδες χαράς και λύπης σε ένα χρόνο.
Είμαι είκοσι πέντε εβδομάδες στον Φεβρουάριο και είκοσι πέντε εβδομάδες στον Απρίλιο.
Για είκοσι πέντε εβδομάδες, αιώνες περνούν στην ομίχλη.
Η ηχηρή μου φάρσα πετάει κάπου προς τα σύννεφα.

Μ. Στσερμπάκοφ



Το αποτέλεσμα του παραδείγματος φαίνεται στο Σχ. 7.2. Φαίνεται ότι η απόσταση μεταξύ των γραμμών του κειμένου έχει μειωθεί και έχει αποκτήσει πιο συμπαγή εμφάνιση.

Γειά σου! Ας συνεχίσουμε να εξετάζουμε τα βασικά του προγραμματισμού ιστοτόπων. Είναι δύσκολο να φανταστεί κανείς τουλάχιστον ένα από αυτά που δεν περιέχει ετικέτα παραγράφου στον κώδικά του. Σήμερα θα δούμε πώς να το γράψουμε σωστά και μια περιγραφή πολλών πρόσθετων ενεργειών με κείμενο.

Παράδειγμα

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

Μία ή περισσότερες προτάσεις.

Απαραίτητη προϋπόθεση είναι η παρουσία μιας ετικέτας ανοίγματος και κλεισίματος. Παρεμπιπτόντως, μπορείτε να κάνετε τα πάντα απευθείας στο Σημειωματάριο, απλά πρέπει να αποθηκεύσετε το αρχείο στην κατάλληλη μορφή αργότερα.

Μορφοποίηση

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

Η ενεργοποίηση αυτών των επιλογών θα φέρει εσοχή στην πρώτη γραμμή 15 pixel από την αριστερή άκρη. Εάν τέτοιες αλλαγές πρέπει να εφαρμοστούν σε όλες τις ετικέτες P, τότε στο αρχείο CSS που είναι συνδεδεμένο με τις σελίδες του ιστότοπου, μπορείτε να γράψετε τον κώδικα που φαίνεται παρακάτω.

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

Περιλαμβάνω απλώς padding μεταξύ μπλοκ κειμένου. Για να το κάνετε αυτό, πρέπει να καθορίσετε ειδικές παραμέτρους στο CSS.

p(margin-bottom:25px;)

Εάν χρησιμοποιείτε αυτό το σχέδιο, τότε μετά από κάθε παράγραφο θα υπάρχει μια εσοχή 25 εικονοστοιχείων.

Στην πραγματικότητα, υπάρχουν πολλές επιλογές για εργασία με HTML και διάφορα στυλ. Έχω περιγράψει μόνο μερικά από αυτά είναι πολύ δύσκολο να καλύψω τα πάντα σε ένα άρθρο.

Θέλετε να μάθετε περισσότερα; Μπορεί να σας φανούν χρήσιμες οι προηγούμενες δημοσιεύσεις μου για τα ακόλουθα θέματα:

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

Σας εύχομαι καλή επιτυχία στο mastering του προγραμματισμού. Παρεμπιπτόντως, έχετε σκεφτεί να κερδίσετε χρήματα σε μη κερδοσκοπικούς ιστότοπους πληροφόρησης; Παρείχε απλά καταπληκτικές πληροφορίες ειδικά για τους αναγνώστες του.

Η κανονική διαδικτυακή εργασία και τα οικονομικά είναι τα βασικά θέματα αυτού του ιστολογίου. Μπορείτε να εξοικειωθείτε με μεμονωμένες προοπτικές στο διαδίκτυο αυτή τη στιγμή από δημοσιευμένο υλικό. Συνεχίζω να προετοιμάζω και να δημοσιεύω νέο, και το πιο σημαντικό, πραγματικά χρήσιμο περιεχόμενο. Εγγραφείτε στις ενημερώσεις Workip στο email σας. Τα λέμε αργότερα.

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

Όλες οι ετικέτες μορφοποίησης μπορούν να χωριστούν σε τρεις ομάδες:

1. Ετικέτες τίτλου ( h1-h6).

2. Ετικέτες σχεδίασης κειμένου σώματος ( , , ,

, 
και τα λοιπά.).

3. Ομαδοποίηση ετικετών (

,


,
)

Ετικέτες τίτλου

Μετατρέπουν το κανονικό κείμενο σε επικεφαλίδα συγκεκριμένου επιπέδου. Ετικέτα

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

πρέπει να πάει

, και όχι το αντίστροφο.

Για να κατανοήσετε πώς λειτουργεί αυτό, εισαγάγετε τον ακόλουθο κώδικα στο αρχείο html:

Κεφαλίδα πρώτου επιπέδου

Επικεφαλίδα δεύτερου επιπέδου

Επικεφαλίδα τρίτου επιπέδου

Επικεφαλίδα τέταρτου επιπέδου

Επικεφαλίδα πέμπτου επιπέδου
Επικεφαλίδα επιπέδου έξι

Θα μοιάζει με αυτό στο πρόγραμμα περιήγησης:

Ετικέτες σχεδίασης κειμένου σώματος

Επιτρέπει τη μορφοποίηση σε επίπεδο χαρακτήρων. Ας δούμε τι μπορείτε να κάνετε με αυτά.

Εντονη γραμματοσειρά

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

Υπεύθυνος για ετικέτες έντονου στυλ Και .

Εκθέτης και δείκτης

Μπορούν να χρησιμοποιηθούν σε τύπους, εξισώσεις και στον προσδιορισμό ορισμένων ποσοτήτων.

Η ετικέτα είναι υπεύθυνη για τη δημιουργία συνδρομητών , για τα κορυφαία χρησιμοποιείται η ετικέτα .

Χ 1=32 μ 2

Μείωση μεγέθους

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

Απλό κείμενο. Μειωμένο κείμενο.

Κατω παυλα

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

Απλό κείμενο. Υπογραμμισμένο κείμενο.

Strikethrough

Μπορείτε να διαγράψετε πληροφορίες εάν έχουν ήδη χάσει τη συνάφειά τους. Αυτή είναι η ετικέτα για αυτό .

Πλάγια γραφή

Χρειάζεται για να εστιάσετε την προσοχή στο κείμενο και μπορεί να δημιουργηθεί με ετικέτα ή .

Εισαγωγή κειμένου στον υπολογιστή

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

Σε δοχείο περιέχει τον κώδικα του προγράμματος και οι μεταβλητές του επισημαίνονται με την ετικέτα , και το αποτέλεσμα της εκτέλεσης είναι . Δοχείο περιέχει κείμενο που πρέπει να εισάγει ο χρήστης από το πληκτρολόγιο όταν εργάζεται με το πρόγραμμα και όλα όσα περικλείονται σε ετικέτες

, διατηρεί την αρχική μορφή, συμπεριλαμβανομένων των επιπλέον διαστημάτων και των αλλαγών γραμμών.

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

εμφανίστηκε κάτι τέτοιο
.

Αποσπάσματα και ορισμοί

Ο κώδικας του προγράμματος θα μοιάζει Ετσι , οι μεταβλητές ορίζονται ως εξής: α, β, γ , Εδώ αποτέλεσμα της εκτέλεσης του προγράμματος , και αυτό είναι ο χρήστης εισήγαγε κείμενο . Διατηρήστε την αρχική μορφοποίηση

εμφανίστηκε κάτι τέτοιο 
.

Παράθεση στην ετικέτα blockquote.
Προσφορά μέσα στο δοχείο αναφοράς.Σύντομο απόσπασμα με ετικέτα q.Αφιερωμένος ορισμός.Συντομογραφία (NPO, IP).

Γενικό παράδειγμα

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

Λιπαρόςτο κείμενο μπορεί να μετατραπεί σε ετικέτες ισχυρόςΚαι σι. Πίσω πλάγια γραφήαπάντηση emΚαι Εγώ.

Ετικέτες υποΚαι γουλιάχρησιμοποιείται για τη δημιουργία πιο χαμηλα1…Χ n) Και ανώτερος (42=16) ευρετήρια. Del σταυρώνει, ins - τονίζει.

Ετικέτες κώδικας, kbd, varΚαι βρασμένος αραβόσιτοςχρησιμοποιούνται σπάνια και χρειάζονται για την εμφάνιση καταχωρίσεων προγραμμάτων

συντομαπαιτείται για την ένδειξη συντομογραφιών ( HTML). Οι ετικέτες blockquote, cite και q χρησιμοποιούνται για τη μορφοποίηση εισαγωγικών ( Ο ουρανός ανέπνεε ήδη το φθινόπωρο)

Η προετικέτα διατηρεί την αρχική μορφοποίηση κειμένου χωρίς να αφαιρεί κενά ή διακοπές γραμμής.

Το πρόγραμμα περιήγησης ερμηνεύει αυτόν τον κώδικα ως εξής:

Ομαδοποίηση ετικετών

Είναι απαραίτητο το κείμενο να μην ρέει σε μια συνεχή γραμμή, αλλά να χωρίζεται σε λογικά στοιχεία.

  • Μέσα στις ετικέτες υπάρχει μια παράγραφος.

Πρώτη παράγραφος

Δεύτερη παράγραφος

  • Ετικέτα
    μετακινείται στην επόμενη γραμμή μέσα σε μια παράγραφο (δεν θα υπάρχει εσοχή πριν από τη γραμμή).

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

Γραμμή πάνω από τη γραμμή.


Γραμμή κάτω από τη γραμμή.