Πώς να κάνετε το κείμενο με έντονη γραφή, πλάγια γραφή και υπογράμμιση χωρίς τυπικές ετικέτες HTML. Δίνοντας έμφαση (επισήμανση) κειμένου σε HTML
Γεια σας, αγαπητοί αναγνώστες του ιστολογίου! Αυτό το άρθρο θα μιλήσει για ετικέτες μορφοποίησης κειμένου. Τα κύρια παραδείγματα περιλαμβάνουν τη δημιουργία του κειμένου με έντονη ή πλάγια γραφή. Θα εξετάσουμε επίσης τον αντίκτυπο ορισμένων ετικετών στη βελτιστοποίηση εσωτερικού ιστότοπου και τους κανόνες σύνταξης τους. Μπορείτε να διαβάσετε σχετικά στο συγκεκριμένο άρθρο. Παρεμπιπτόντως, μπορείτε να βρείτε παρόμοια στοιχεία σχεδίασης κειμένου σε πολλά προγράμματα επεξεργασίας κειμένου, για παράδειγμα στο 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 τύποι επικεφαλίδων και ο καθένας έχει τη δική του ετικέτα. Κάθε τύπος έχει μόνο τον δικό του σειριακό αριθμό και καταγράφεται με χρήση ετικετών
, ,..., . Δείτε πώς φαίνονται όλες οι κεφαλίδες κατά την επεξεργασία:
. Δείτε πώς φαίνονται όλες οι κεφαλίδες κατά την επεξεργασία:
Ο αριθμός μετά τον τίτλο της λέξης αντιστοιχεί στον αριθμό στην ετικέτα
Τώρα ας μιλήσουμε για την ετικέτα επισήμανσης παραγράφου
Η λειτουργία αυτής της ετικέτας είναι να διαχωρίζει κείμενο μεταξύ ενός άλλου ίδιου κειμένου και μιας κενή γραμμής. Αν κοιτάξετε τον πηγαίο κώδικα ενός εγγράφου, μπορείτε να δείτε τα εξής:
Τα πράσινα ορθογώνια περιέχουν μια παράγραφο, τα κόκκινα ορθογώνια περιέχουν μια άλλη. Και να πώς φαίνεται αυτός ο κώδικας μετά την επεξεργασία από το πρόγραμμα περιήγησης (το βέλος δείχνει σε μια κενή γραμμή):
Ως αποτέλεσμα, έχουμε έναν αρκετά αξιοσημείωτο διαχωρισμό μιας παραγράφου από την άλλη, κάτι που είναι ευεργετικό - η ανάγνωση γίνεται πιο βολική.
Αυτό είναι το τέλος του άρθρου για ετικέτες μορφοποίησης εγγράφων. Υπάρχουν πολλά περισσότερα από αυτά που περιέγραψα σε αυτό το υλικό. Απλώς πρέπει να ειπωθούν πολλά για μερικά από αυτά, με αποτέλεσμα να αφιερωθούν ξεχωριστά άρθρα με πλήρη κριτική!
Για να κάνουμε τη σελίδα μας στο WEB να φαίνεται πιο εμφανίσιμη, θα χωρίσουμε το κείμενο σε παραγράφους και θα τονίσουμε τον τίτλο. Η HTML έχει 6 επίπεδα επικεφαλίδων ενοτήτων εγγράφων, με αρίθμηση από το 1 έως το 6. Οι επικεφαλίδες δηλώνονται από ένα ζεύγος ετικετών με αριθμούς που αντιστοιχούν στο επίπεδο, για παράδειγμα,
- ο τίτλος της ενότητας πρώτου επιπέδου και - ο τίτλος της ενότητας έκτου επιπέδου. Οι τίτλοι διαφέρουν από το κανονικό κείμενο ως προς το μέγεθος και το πλάτος των γραμμάτων. Η επικεφαλίδα h1 πρώτου επιπέδου εμφανίζεται συνήθως με πολύ μεγάλη γραμματοσειρά, ενώ η επικεφαλίδα h6 έκτου επιπέδου εμφανίζεται συνήθως με πολύ μικρή γραμματοσειρά.Τίτλοι
Μην συγχέετε τους τίτλους των ενοτήτων εγγράφων με τον τίτλο του εγγράφου που συζητήθηκε προηγουμένως, που ορίζεται από το στοιχείο
.Χρησιμοποιούμε την πρώτη πρόταση ως τίτλο του κειμένου - Για να γίνει αυτό, αρκεί να την περιορίσετε με ετικέτες
Και
.Εισαγάγετε ετικέτες στο κείμενο του αρχείου other.html
Και
έτσι ώστε να περιορίζουν την πρώτη πρόταση του κειμένου και αυτό το κομμάτι κώδικα παίρνει την ακόλουθη μορφή:Καλώς ήρθατε στη σελίδα της εταιρείας SD!
Ας δούμε το επίκτητο αποτέλεσμα.
Αποθηκεύστε το αρχείο επιλέγοντας την εντολή μενού Σημειωματάριο Αρχείο - Αποθήκευση.
Η λειτουργία αποθήκευσης πρέπει πάντα να γίνεται πριν από την προβολή του εγγράφου, γιατί ανοίγει το αρχείο για προβολή φορτώνοντάς το στη μνήμη RAM του υπολογιστή από το δίσκο. Εάν δεν αποθηκεύσετε το αρχείο μετά την επεξεργασία του κώδικα HTML, δεν θα δείτε καμία διαμόρφωση στο πρόγραμμα περιήγησης.
Επαναφέρετε το παράθυρο του προγράμματος περιήγησης κάνοντας κλικ στο κουμπί του στη γραμμή εργασιών.
Πατήστε το κουμπί F5 ή το κουμπί Ανανέωση στη γραμμή εργαλείων του παραθύρου εργασίας του προγράμματος. Το αρχείο other.html θα φορτωθεί ξανά και θα δείτε πώς φαίνεται η κεφαλίδα πρώτου επιπέδου στο παράθυρο του προγράμματος περιήγησής σας.
Δείτε πώς θα φαίνονται οι τίτλοι των άλλων 5 επιπέδων αλλάζοντας τους αριθμούς στις ετικέτες: h2, h3 και ούτω καθεξής Μετά από κάθε διαμόρφωση, μην ξεχνάτε να αποθηκεύετε το αρχείο και να ενημερώνετε την εικόνα στο παράθυρο του προγράμματος περιήγησης.
Όταν ολοκληρώσετε τα πειράματα, επαναφέρετε ξανά τις ετικέτες στο αρχείο other.html
.Χρησιμοποιώντας τα 6 επίπεδα επικεφαλίδων που παρέχει η HTML, μπορείτε να δημιουργήσετε ένα ευανάγνωστο έγγραφο με διαισθητική δομή. Να θυμάστε ότι το έγγραφό σας θα είναι πάντα πολύ καλύτερα διαβασμένο εάν είναι ξεκάθαρα χωρισμένο σε ενότητες και υποενότητες.
Ευθυγράμμιση επικεφαλίδας
Από προεπιλογή, ο τίτλος είναι στοιχισμένος στην αριστερή άκρη της σελίδας. Αλλά μπορεί επίσης να ευθυγραμμιστεί προς τα δεξιά ή στο κέντρο. Για σωστή στοίχιση σε μια ετικέτα
Χρησιμοποιείται το χαρακτηριστικό align="right" και για κεντράρισμα - align="center". Επιτρέπεται επίσης μια προφανής ένδειξη ευθυγράμμισης στην αριστερή πλευρά - align="αριστερά".
Προσθήκη στην ετικέτα
align="center" για να κεντράρετε τον τίτλο. Αυτό το στοιχείο πρέπει να μοιάζει με αυτό:
Καλώς ήρθατε στη σελίδα της εταιρείας SD!
Στο μέλλον, δεν θα σας υπενθυμίσουμε την ανάγκη αποθήκευσης του αρχείου με τον αρχικό κωδικό και ανανέωσης της εικόνας στο πρόγραμμα περιήγησης πριν από την προβολή.
Πώς να κάνετε το κείμενο με επισήμανση (έντονη γραφή) σε HTML
Τώρα ας περάσουμε στο υπόλοιπο κείμενο. Ας αυξήσουμε το μέγεθός του και ας κάνουμε το κείμενο με έντονη πλάγια γραφή. Για να ορίσετε το έντονο στυλ, χρησιμοποιούνται ζευγαρωμένες ετικέτες .
Εισαγάγετε το άνοιγμα στο αρχείο other.html και το κλείσιμοετικέτες έτσι ώστε να περιορίζουν το κείμενο Εδώ θα μάθετε... Αυτό το στοιχείο πρέπει να έχει την ακόλουθη μορφή:
Πώς να κάνετε το κείμενο πλάγιο σε HTML
Το πλάγιο στυλ ρυθμίζεται χρησιμοποιώντας ετικέτες .
Εισαγάγετε μια ετικέτα HTML στον αρχικό κώδικα Καιέτσι ώστε το επεξεργασμένο στοιχείο να έχει την ακόλουθη μορφή:
Εδώ θα μάθετε για τις δραστηριότητές μας, για τα προϊόντα λογισμικού της εταιρείας μας και για τον εξοπλισμό που παράγουμε
Τα στοιχεία σήμανσης μπορούν να είναι ένθετα, όπως σε αυτήν τη δομή, όπου το στοιχείο …φωλιασμένο μέσα σε ένα στοιχείο …. Τα σύγχρονα προγράμματα περιήγησης είναι σε θέση να χειρίζονται σωστά τις ένθετες ετικέτες. Επομένως, πρέπει να βεβαιωθείτε ότι δεν παραβιάζεται η σειρά της επένδυσης. Το πρόγραμμα περιήγησης θα είναι δύσκολο να λειτουργήσει εάν η ένθεση είναι σπασμένη. Για παράδειγμα, αυτή η καταχώρηση θα ήταν λανθασμένη: …. Η συμμόρφωση με την ένθεση είναι ένα πολύ σημαντικό μέρος της γενικής κουλτούρας της σύνταξης κώδικα HTML.
Πώς να κάνετε κείμενο υπογραμμισμένο σε HTML
Χρησιμοποιώντας μερικές ετικέτες μπορείτε να ορίσετε το υπογραμμισμένο στυλ ενός κειμένου που περιορίζεται από αυτές τις ετικέτες και χρησιμοποιώντας ένα ζεύγος ετικετών - εμφάνιση κειμένου σε γραμματοσειρά τηλετύπου.
Να σημειωθεί ότι πρόσφατα η ετικέτα απλοποιημένο και τονισμένο χρησιμοποιώντας στυλ. ισοδύναμος . Ναι, το νέο ανάλογο φαίνεται πιο δυσκίνητο, αλλά δυστυχώς αυτό είναι πιο αληθινό. Το κύριο πράγμα υπέρ αυτού είναι ότι η ογκώδης έκδοση είναι cross-browser, με άλλα λόγια, κατάλληλη για όλα τα προγράμματα περιήγησης, όταν Δεν το υποστηρίζουν όλα τα προγράμματα περιήγησης.
Πώς να αυξήσετε το κείμενο σε HTML
Τώρα ας αυξήσουμε το μέγεθος της γραμματοσειράς του κειμένου. Αυτό μπορεί να γίνει χρησιμοποιώντας διάφορες μεθόδους.
Ετικέτες αυξήστε το μέγεθος γραμματοσειράς του κειμένου που περικλείεται μεταξύ τους.
Προσθέστε ετικέτες στην αρχή και στο τέλος του παραπάνω τμήματος κώδικα, αντίστοιχα Καιώστε το στοιχείο να πάρει την ακόλουθη μορφή:
Εδώ θα μάθετε για τις δραστηριότητές μας, για τα προϊόντα λογισμικού της εταιρείας μας και για τον εξοπλισμό που παράγουμε
Χρήση ετικετών μπορείτε να μειώσετε το μέγεθος της γραμματοσειράς του κειμένου σε σύγκριση με το αρχικό.
Μια άλλη μέθοδος για τον καθορισμό του μεγέθους της γραμματοσειράς είναι η χρήση ετικετών με το χαρακτηριστικό μέγεθος. Ακέραιοι αριθμοί από το 1 έως το 7 χρησιμοποιούνται ως τιμές για αυτό το χαρακτηριστικό Σε αυτήν την περίπτωση, η τιμή 1 αντιστοιχεί στο μικρότερο μέγεθος γραμματοσειράς και η τιμή 7 αντιστοιχεί στο μεγαλύτερο.
Χρησιμοποιώντας αντί για ετικέτες προβολή ετικετών , δείτε πώς αλλάζει το μέγεθος της γραμματοσειράς κειμένου για διαφορετικές τιμές του χαρακτηριστικού μεγέθους - από 1 έως 7.
Μπορείτε επίσης να χρησιμοποιήσετε αριθμούς από το 1 έως το 7 με σύμβολο + (συν) ή - (μείον) ως τιμή του χαρακτηριστικού μεγέθους. Σε αυτήν την περίπτωση, το μέγεθος της γραμματοσειράς αυξάνεται ή μειώνεται ανάλογα, σε σύγκριση με το αρχικό, για παράδειγμα, ετικέτες το μέγεθος της γραμματοσειράς θα αυξηθεί κατά ένα επίπεδο σε σύγκριση με το τρέχον. Ελεγχος.
Ορίστε το 5 ως την τιμή του χαρακτηριστικού μεγέθους για το εν λόγω τμήμα κειμένου: . Ο κώδικας HTML για αυτό το κομμάτι θα πρέπει να είναι ως εξής:
Εδώ θα μάθετε για τις δραστηριότητές μας, για τα προϊόντα λογισμικού της εταιρείας μας και για τον εξοπλισμό που παράγουμε.
Σε ετικέτες Το χαρακτηριστικό χρώμα μπορεί επίσης να χρησιμοποιηθεί για τον καθορισμό του χρώματος της γραμματοσειράς που περιορίζεται από ετικέτες κειμένου. Οι έννοιες αυτού του χαρακτηριστικού είναι οι ίδιες όπως για τα χαρακτηριστικά που συζητήθηκαν προηγουμένως που περιγράφουν το χρώμα του φόντου και του κειμένου του εγγράφου.
Από προεπιλογή, η παράγραφος με το κείμενο Εδώ θα μάθετε... είναι στοιχισμένη προς τα αριστερά. Κεντράρετε οριζόντια χρησιμοποιώντας ετικέτες
Εισαγωγή ετικετών
Λάβετε υπόψη ότι χρησιμοποιήσαμε ετικέτες για να κεντράρουμε την παράγραφο
Προσοχή! Για ετικέτες 2010 ,
=
=
Υπάρχει επίσης ένας τεράστιος αριθμός άλλων ξεπερασμένων ετικετών που δεν μπορούν να περιγραφούν σε αυτό το άρθρο, επομένως είναι καλύτερο να εξοικειωθείτε αμέσως με εξειδικευμένους ιστοτόπους WEB για αυτό το θέμα. Αλλά τα κυριότερα τα δημοσίευσα εδώ λίγο πιο πάνω
Κωδικοί κατανομής
Η γλώσσα HTML επιτρέπει δύο προσεγγίσεις για την επιλογή γραμματοσειράς θραυσμάτων κειμένου. Από τη μία πλευρά, μπορείτε να υποδείξετε απευθείας ότι η γραμματοσειρά σε ένα συγκεκριμένο τμήμα του κειμένου μπορεί να είναι έντονη ή πλάγια, με άλλα λόγια, μπορείτε να υποδείξετε ξεκάθαρα το στυλ γραμματοσειράς του κειμένου, όπως κάναμε σε αυτό το πείραμα. Από την άλλη πλευρά, μπορείτε να επισημάνετε οποιοδήποτε κομμάτι κειμένου ότι έχει κάποιο λογικό στυλ που είναι διαφορετικό από το συνηθισμένο, αφήνοντας την ερμηνεία αυτού του στυλ στο πρόγραμμα περιήγησης. Έτσι, το λογικό ύφος δείχνει τον ρόλο ενός τεμαχίου κειμένου, για παράδειγμα, την τεράστια σημασία του σε σύγκριση με το συνηθισμένο κείμενο ή το γεγονός ότι αυτό το κομμάτι είναι παράθεση. Στη δική σας εργασία, μπορείτε να χρησιμοποιήσετε επόμενες ετικέτες που ορίζουν λογικά στυλ. Ελέγξτε πώς λειτουργούν σε διαφορετικά προγράμματα περιήγησης.
- χρησιμοποιείται για να ορίσει μια λέξη. Το κείμενο εμφανίζεται με πλάγιους χαρακτήρες από προεπιλογή.
- να αναδεικνύει λέξεις και να τις ενισχύει. Το κείμενο εμφανίζεται με πλάγιους χαρακτήρες από προεπιλογή.
- για να επισημάνετε τους τίτλους βιβλίων, ταινιών, παραστάσεων και ούτω καθεξής, εμφανίζεται με πλάγιους χαρακτήρες από προεπιλογή.
- για τμήματα κώδικα προγράμματος. Εμφανίζεται στην οθόνη με γραμματοσειρά σταθερού πλάτους.
- χρησιμοποιείται για κείμενο που εισάγει ο χρήστης από το πληκτρολόγιο. Μπορεί να εμφανίζεται με διαφορετικές γραμματοσειρές σε διαφορετικά προγράμματα περιήγησης. Η ετικέτα είναι ξεπερασμένη.
- χρησιμεύει για την εμφάνιση μηνυμάτων προγράμματος. Εμφανίζεται με γραμματοσειρά σταθερού πλάτους. Η ετικέτα είναι ξεπερασμένη.
- για ιδιαίτερα σημαντικά θραύσματα. Συνήθως επισημαίνεται με έντονη γραφή.
- χρησιμοποιείται για να δείξει ότι ένα κομμάτι κειμένου ή μια λέξη είναι μια συμβολική μεταβλητή, με άλλα λόγια, κείμενο που μπορεί να αντικατασταθεί από διαφορετικές εκφράσεις. Εμφανίζεται με πλάγιους χαρακτήρες από προεπιλογή. Η ετικέτα είναι ξεπερασμένη.
Η προδιαγραφή HTML 4.0 προσφέρει μια πιο προηγμένη μέθοδο καθορισμού στυλ για κείμενο και άλλα μέρη - χρησιμοποιώντας μια ειδική γλώσσα που ονομάζεται CSS (Cascading Style Sheets). Τα φύλλα στυλ είναι ένα τεράστιο επίτευγμα στον τομέα του σχεδιασμού WEB, διευρύνοντας τη δυνατότητα βελτίωσης της εμφάνισης των σελίδων. Τα φύλλα στυλ διευκολύνουν τον ορισμό του διαστήματος γραμμών, των χρωμάτων που χρησιμοποιούνται για κείμενο και φόντο, μέγεθος γραμματοσειράς και στυλ, κ.λπ. Ως τιμή του χαρακτηριστικού στυλ χρησιμοποιούνται ζεύγη της μορφής "ιδιότητα: τιμή". Για παράδειγμα, σε ένα κομμάτι κώδικα που περιγράφει την κεφαλίδα ενότητας,
το χαρακτηριστικό style="color: blue" καθορίζει ότι η ιδιότητα χρώματος έχει την τιμή μπλε, με άλλα λόγια, το κείμενο της επικεφαλίδας πρώτου επιπέδου πρέπει να εμφανίζεται με μπλε χρώμα.
Ευθυγράμμιση με στυλ
Ας δούμε πώς να χρησιμοποιήσετε τη γλώσσα Cascading Style Sheets για να καθορίσετε το στυλ ενός κειμένου που ξεκινά με τις λέξεις Εδώ θα μάθετε...
Για να καθορίσετε το πάχος της γραμματοσειράς, χρησιμοποιήστε την ιδιότητα font-weight με τις τιμές "lighter (narrow), bold (semi-bold), bold (bold), για παράδειγμα, style="font-weight: bold".
Για να προσδιορίσετε το πλάγιο στυλ, χρησιμοποιήστε την ιδιότητα στυλ γραμματοσειράς με την τιμή πλάγια. Επομένως, για να δώσετε στο κείμενο ένα έντονο πλάγιο στυλ, θα πρέπει να βρείτε το χαρακτηριστικό στυλ ως εξής: style="font-weight: bold; font-style: italic". Παρακαλώ σημειώστε: τα χαρακτηριστικά μπορούν να τοποθετηθούν με οποιαδήποτε σειρά και πρέπει να διαχωρίζονται με ερωτηματικό.
Εάν πρέπει να καθορίσετε το μέγεθος της γραμματοσειράς, θα πρέπει να χρησιμοποιήσετε την ιδιότητα μεγέθους γραμματοσειράς, οι τιμές της οποίας μπορούν να καθοριστούν σε σχετικές ή απόλυτες τιμές. Οι σχετικές τιμές είναι τα ποσοστά και τα σημεία (pt), pixel (px), εκατοστά (cm), χιλιοστά (mm) χρησιμοποιούνται ως απόλυτες τιμές. Π.χ:
style="font-size: 200%"
style="font-size: 16pt"
style="font-size: 100px"
Καθορίζοντας απόλυτα και όχι σχετικά μεγέθη, στερείτε από τους χρήστες που βλέπουν τις σελίδες σας τη δυνατότητα να αυξάνουν ή να μειώνουν το μέγεθος γραμματοσειράς χρησιμοποιώντας την εντολή μενού του προγράμματος περιήγησης σύμφωνα με την όραση και την ανάλυση της οθόνης τους. Οι γραμματοσειρές θα εμφανίζονται μόνο στο μέγεθος που καθορίζετε. Επομένως, είναι καλύτερο να καθορίσετε το μέγεθος της γραμματοσειράς ως ποσοστό. Σε αυτήν την περίπτωση, το μέγεθος της γραμματοσειράς θα είναι μικρότερο ή μεγαλύτερο κατά ένα καθορισμένο ποσοστό από ό,τι όταν μορφοποιείται χρησιμοποιώντας την προεπιλεγμένη ετικέτα HTML.
Για να προσδιορίσετε τη μέθοδο οριζόντιας στοίχισης κειμένου, χρησιμοποιήστε την ιδιότητα στοίχισης κειμένου με τις τιμές αριστερά (στα αριστερά), δεξιά (στα δεξιά), κέντρο (κέντρο), δικαιολογήστε (πλάτος). Έτσι, για να υποδείξετε ότι το κείμενο Εδώ που θα μάθετε... θα πρέπει να είναι μορφοποιημένο σε έντονους πλάγιους χαρακτήρες με μέγεθος 150% του αρχικού και ευθυγραμμισμένο στο κέντρο, το στυλ του θα πρέπει να βρίσκεται ως εξής:
style="font-weight: bold; font-style: italic; font-size: 150%; text-align: center"
Θα χρησιμοποιήσουμε αυτό το χαρακτηριστικό σε ετικέτες<р>, που σας επιτρέπουν να παρουσιάσετε κείμενο ως ξεχωριστή παράγραφο.
Επεξεργαστείτε ένα στοιχείο HTML που περιλαμβάνει το κείμενο Θα μάθετε εδώ... αφαιρώντας ετικέτες
<р style="font-weight: bold; font-style: italic; font-size: 150%; text-align: center">Εδώ θα μάθετε για τις δραστηριότητές μας, για τα προϊόντα λογισμικού της εταιρείας μας και για τον εξοπλισμό που παράγουμε
Βλέπετε, η HTML επιτρέπει μια ποικιλία τεχνικών styling. Ωστόσο, η χρήση της γλώσσας CSS cascading style sheet είναι πιο επιθυμητή.
Άλλες επιλογές ευθυγράμμισης και στυλ
Έχουμε δει μόνο μία περίπτωση χρήσης για τη γλώσσα του φύλλου στυλ, όπου ο ορισμός του στυλ τοποθετείται συγκεκριμένα στην ετικέτα του στοιχείου που περιγράφετε.
Αυτό γίνεται χρησιμοποιώντας το χαρακτηριστικό style, το οποίο χρησιμοποιείται με τις περισσότερες τυπικές ετικέτες HTML. Υπάρχουν όμως και άλλες χρήσεις για το CSS.
Στην τυπική HTML, χωρίς να εισάγετε φύλλα στυλ, για να εκχωρήσετε ορισμένες παραμέτρους σε οποιοδήποτε στοιχείο, όπως χρώμα, μέγεθος, θέση στη σελίδα και παρόμοια, πρέπει να περιγράφετε αυτά τα χαρακτηριστικά για κάθε στοιχείο κάθε φορά, ακόμη και αν είναι 10 σελίδες πρέπει να τοποθετούνται σε μια σελίδα τέτοιων μερών που δεν διαφέρουν μεταξύ τους. Πρέπει να εισαγάγετε το ίδιο κομμάτι κώδικα HTML σε μια σελίδα δεκάδες φορές, αυξάνοντας το μέγεθος του αρχείου και τον χρόνο που χρειάζεται για τη λήψη του από το Διαδίκτυο.
Τα φύλλα στυλ λειτουργούν με διαφορετικό, πιο άνετο και οικονομικό τρόπο. Για να εκχωρήσετε ορισμένα χαρακτηριστικά σε ένα στοιχείο, πρέπει να περιγράψετε αυτό το στοιχείο μία φορά και να βρείτε αυτήν την περιγραφή ως στυλ και, στη συνέχεια, απλώς να υποδείξετε ότι το στοιχείο που θέλετε να σχεδιάσετε κατάλληλα πρέπει να λάβει τα χαρακτηριστικά του στυλ που περιγράψατε. Άνετο, έτσι δεν είναι;
Επιπλέον, μπορείτε να αποθηκεύσετε την περιγραφή στυλ όχι στο κείμενο της σελίδας σας στο WEB, αλλά σε ένα ξεχωριστό αρχείο - αυτό θα σας επιτρέψει να χρησιμοποιήσετε την περιγραφή στυλ σε οποιονδήποτε αριθμό ιστοσελίδων. Και ένα άλλο σχετικό πλεονέκτημα είναι η δυνατότητα αλλαγής του σχεδιασμού οποιουδήποτε αριθμού σελίδων, διορθώνοντας μόνο την περιγραφή του στυλ σε ένα ξεχωριστό αρχείο.
Επιπλέον, η γλώσσα του φύλλου στυλ σάς επιτρέπει να εργάζεστε με τη σχεδίαση γραμματοσειρών των σελίδων σε ακόμη υψηλότερο επίπεδο από το τυπικό HTML.
Επί του παρόντος, η γλώσσα CSS έχει έναν αρκετά μεγάλο αριθμό παραμέτρων για τμήματα της HTML που μπορεί να ελέγξει. Χρησιμοποιώντας το "safe", με άλλα λόγια, συμβατό με τον μεγαλύτερο αριθμό προγραμμάτων περιήγησης, στοιχεία CSS - χαρακτηριστικά γραμματοσειράς, μέρη και χρώματα φόντου, χαρακτηριστικά κειμένου και περιγράμματος - μπορείτε να διευκολύνετε σημαντικά την εργασία σας και να κάνετε τις ιστοσελίδες σας πιο ελκυστικές από άποψη σχεδιασμός κειμένου.
Χαιρετισμούς σε εσάς, όσους σας αρέσει να αποσυναρμολογείτε κάτι νέο και να γεμίζετε το σεντούκι των γνώσεών τους με νέες πληροφορίες! Αφού διαβάσετε το άρθρο, θα μάθετε πώς να δημιουργείτε τολμηρό κείμενο σε html, ποιοι άλλοι τύποι στυλ υπάρχουν και ποια στοιχεία είναι υπεύθυνα για αυτό. Ως αποτέλεσμα, ο ιστότοπός σας θα μπορεί να υπερηφανεύεται για ευανάγνωστο κείμενο με σωστά τονισμένα βασικά σημεία.
Σε προηγούμενα άρθρα, μίλησα πολύ για χαρακτηριστικά και ετικέτες γλωσσών ιστού, για μεθόδους σχεδιασμού εμφάνισης και , αλλά ποτέ δεν άγγιξα ένα συγκεκριμένο αντικείμενο χωρίς το οποίο δεν μπορεί να ζήσει ούτε ένας ιστότοπος. Αυτό είναι κείμενο.
Και όχι απλώς ένα συνεχές σύνολο γραμμάτων, αλλά έξυπνα χωρισμένο σε παραγράφους, τονίζοντας λέξεις κλειδιά, εισαγωγικά, συνδέσμους κ.λπ. Για το σκοπό αυτό, οι γλώσσες CSS παρέχουν ειδικά εργαλεία στυλ. Ας αρχίσουμε!
Επιλογές στυλ σε html
Η γραμματοσειρά του περιεχομένου κειμένου μπορεί πάντα να τροποποιηθεί. Για παράδειγμα, μπορείτε να το ρυθμίσετε σε έντονη ή πλάγια γραφή και μπορείτε επίσης να το διακοσμήσετε. Για αυτό, υπάρχουν απλές ετικέτες που είναι πολύ εύκολο να θυμάστε και στη συνέχεια να τις εφαρμόσετε. Παρακάτω είναι ένας πίνακας στοιχείων που εξηγεί τον σκοπό τους.
Αρχικά, ας δούμε στοιχεία έντονου κειμένου.
Για να αυξήσετε το πάχος των γραμμάτων, υπάρχουν ζευγαρωμένες ετικέτες όπως π.χ Και . Η χρήση αυτών των εργαλείων εμφανίζεται η ίδια επειδή μορφοποιούν το κείμενο με έντονη γραφή. Ωστόσο, ο σκοπός τους είναι διαφορετικός. Επομένως, δεν μπορούν να ονομαστούν ισοδύναμα και μόνο ένα από αυτά δεν μπορεί να χρησιμοποιηθεί.
Ναι, tag δημιουργήθηκε με την προϋπόθεση αλλαγής της τυπικής γραμματοσειράς σε πλούσια και πυκνή. Αναφέρεται στη φυσική εμφάνιση του περιγράμματος και δεν φέρει κανένα σημασιολογικό φορτίο. Ας υποθέσουμε λοιπόν ότι πρόκειται απλώς για έναν τύπο δοκιμαστικής οθόνης.
ΕΝΑ έχει σχεδιαστεί για να εστιάσει την προσοχή σε ένα βασικό σημείο. Αυτό είναι ένα λογικό στοιχείο που θα ξεχώριζε μέσω του τονισμού κατά τη διάρκεια μιας συνομιλίας.
Τώρα ας δούμε ετικέτες όπως Και .
Μορφοποιούν την τυπική γραμματοσειρά σε πλάγια γραφή. Νομίζω ότι θα κάνετε μια λογική ερώτηση: «Και αυτά τα στοιχεία διαφέρουν επίσης μεταξύ τους με βάση την αρχή των ετικετών Και ?. Η ερώτηση είναι σωστή. Και έχεις δίκιο!
Πράγματι, η μονάδα γλώσσας σήμανσης σχεδιασμένο να δίνει έμφαση σε σημαντικά σημεία και λεπτομέρειες, ενώ απλώς μια παραλλαγή της εμφάνισης του περιεχομένου.
Εργαλεία για την τροποποίηση γραμματοσειρών σε css
Το CSS δεν είναι πολύ πίσω και προσφέρει στους προγραμματιστές παρόμοια εργαλεία για την επεξεργασία κειμένου. Αυτές είναι ιδιότητες όπως η διακόσμηση κειμένου και η γραμματοσειρά.
– αυτή είναι μια καθολική παράμετρος που συμπληρώνει τη γραμματοσειρά με ορισμένες λεπτομέρειες. Έτσι, το κείμενο μπορεί να «αναγκαστεί» να αναβοσβήνει (αναβοσβήνει), να υπογραμμίσει (υπογράμμιση) ή να διαγράψει (γραμμή-μέσω), να σχεδιάσει μια γραμμή πάνω από τις λέξεις (υπεργραμμή), να κληρονομήσει τα χαρακτηριστικά του γονικού αντικειμένου (κληρονομήσει) ή να διαγράψει τη μορφή γραμματοσειράς όλων των προσθηκών (καμία).
Ο δεύτερος μηχανισμός που χρησιμοποιείται συνήθως για την επεξεργασία περιεχομένου κειμένου είναι η ιδιότητα γραμματοσειράς. Με τη βοήθειά του, μπορείτε να αλλάξετε το στυλ γραμματοσειράς (στυλ γραμματοσειράς), το μέγεθός του (μέγεθος γραμματοσειράς), να ορίσετε κεφαλαία, π.χ. υποδεικνύουν τον τύπο των πεζών γραμμάτων (γραμματοσειρά-παραλλαγή), καθώς και «παίζουν» με το στυλ (γραμματοσειρά-βάρος).
Και εδώ είναι ένα παράδειγμα
Λαμβάνοντας υπόψη όλες τις πληροφορίες που κοινοποίησα παραπάνω, θα προσπαθήσουμε να δημιουργήσουμε ένα παράδειγμα κώδικα στον οποίο θα αξιοποιήσουμε στο έπακρο τις αποκτηθείσες γνώσεις (υπενθυμίζω ότι ο κωδικός μπορεί να πληκτρολογηθεί ).
Δημιουργήστε έναν τίτλο για νέοςπαράγραφος!
Γράφουμε το περιεχόμενο κειμένου της ίδιας της παραγράφου, το οποίο αναβοσβήνει .
Εκτελέστε το παράδειγμα στο πρόγραμμα περιήγησης και δώστε προσοχή στο στυλ. Έτσι, ο τίτλος τονίζεται με ελαφρύ, λοξό ύφος με υπογράμμιση πάνω από την πρόταση. Η παράγραφος εμφανίζεται με μικρά κεφαλαία γράμματα. Ταυτόχρονα, υπάρχουν λογικές και φυσικές κατανομές λέξεων στο κείμενο.
Τώρα μπορείτε να επεξεργαστείτε το περιεχόμενο του κειμένου σύμφωνα με όλους τους κανόνες. Εγγραφείτε στις ενημερώσεις του ιστολογίου μου και προσκαλέστε φίλους. Αντίο!
Με εκτίμηση, Roman Chueshov
Ο κορεσμός είναι η αύξηση του πάχους των γραμμών γραμματοσειράς και, κατά συνέπεια, η αντίθεση. Υπάρχουν συνήθως τέσσερις τύποι βάρους: ελαφρύ, κανονικό, τολμηρό και τολμηρό. Ωστόσο, μπορείτε να ορίσετε μόνο κανονικά και έντονα στυλ χρησιμοποιώντας HTML. Για να ορίσετε το έντονο κείμενο, χρησιμοποιούνται δύο ετικέτες: Και .
Έντονη γραμματοσειρά Έντονη επισήμανση κειμένου
Πλάγιο ύφος
Η πλάγια γραμματοσειρά δεν είναι απλώς μια κλίση μεμονωμένων χαρακτήρων για ορισμένες γραμματοσειρές, είναι ένας πλήρης επανασχεδιασμός σε ένα νέο στυλ που μιμείται τη γραφή. Τα πλάγια για το κείμενο καθορίζονται από δύο ετικέτες: Και .
Στυλ πλάγιας γραμματοσειράς Επιλογή κειμένου
Πρέπει να σημειωθεί ότι οι ετικέτες Και , καθώς Και αν και παρόμοια ως προς την επίδρασή τους, δεν είναι εντελώς ισοδύναμα και εναλλάξιμα. Πρώτη ετικέτα - είναι μια φυσική ετικέτα σήμανσης και ορίζει το έντονο στυλ του κειμένου και της ετικέτας - με μια λογική ετικέτα σήμανσης και επισημαίνει το επισημασμένο κείμενο. Αυτή η διαίρεση των ετικετών σε λογική και φυσική μορφοποίηση είχε αρχικά σκοπό να κάνει την HTML καθολική, συμπεριλαμβανομένης της ανεξάρτητης από τη συσκευή εξόδου. Θεωρητικά, εάν χρησιμοποιείτε, για παράδειγμα, πρόγραμμα περιήγησης ομιλίας, τότε το κείμενο έχει μορφοποιηθεί με χρήση ετικετών Και , θα επισημαίνονται διαφορετικά. Ωστόσο, αποδείχθηκε ότι στα δημοφιλή προγράμματα περιήγησης το αποτέλεσμα της χρήσης αυτών των ετικετών είναι ισοδύναμο.
Το Παράδειγμα 7.5 δείχνει τη χρήση ετικετών Και για τη μορφοποίηση κειμένων.
Παράδειγμα 7.5. Ετικέτες Και
Πού είναι τα μπισκότα και η φεγγαράδα;! - αναφώνησε το Bad Boy.
Το αποτέλεσμα αυτού του παραδείγματος φαίνεται στο Σχ. 7.5.
Ένας από τους ευκολότερους τρόπους για να επισημάνετε μια λέξη ή φράση στο κείμενο είναι να χρησιμοποιήσετε διαφορετικό στυλ γραμμάτων. Έτσι, μπορείτε να τονίσετε μια λέξη ή μια φράση χρησιμοποιώντας έντονη γραφή Η σελίδα σας επιτρέπει εύκολα να επισημάνετε λέξεις χρησιμοποιώντας διαφορετικά στυλ - πλάγια, υπογραμμισμένα, έντονα.
Έντονη γραμματοσειρά ως τρόπος για να τονίσετε το κύριο πράγμα
Οι λέξεις που επισημαίνονται με έντονη γραμματοσειρά φαίνονται πιο λαμπερές και πιασάρικες. Τέτοιες λέξεις και φράσεις τραβούν αμέσως τα βλέμματα. Έτσι, για να μάθετε πώς να επισημαίνετε γρήγορα τα απαραίτητα σημεία στο κείμενο, θα πρέπει να θυμάστε τον ειδικό κώδικα HTML. Η έντονη γραμματοσειρά ορίζεται χρησιμοποιώντας μια ζευγοποιημένη ετικέτα.
Πριν από τη λέξη ή τη φράση ή την πρόταση που πρέπει να επισημανθεί, τοποθετείται μια ετικέτα ανοίγματος . Μετά το τελευταίο γράμμα του κειμένου που πρέπει να τονιστεί, τοποθετείται μια ετικέτα κλεισίματος. Οτιδήποτε μεταξύ αυτών των δύο ετικετών θα εμφανίζεται με έντονη γραφή όταν εμφανίζεται στο πρόγραμμα περιήγησης.
Άλλες επιλογές επισήμανσης
Έτσι, ανακαλύψαμε ότι μπορείτε να επισημάνετε κείμενο χρησιμοποιώντας διαφορετικό στυλ. Αποφασίσαμε ότι είναι πιο εύκολο και ταυτόχρονα αποτελεσματικό να χρησιμοποιείτε έντονη γραμματοσειρά HTML. Τώρα ας μιλήσουμε για άλλες επιλογές επιλογής.
Έτσι, μπορείτε να επισημάνετε κείμενο με πλάγιους χαρακτήρες χρησιμοποιώντας μια ζευγοποιημένη ετικέτα , τονίστε το με . Αυτοί είναι οι απλούστεροι τρόποι για να επισημάνετε το κείμενο.
Υπάρχουν επίσης λιγότερο γνωστές και χρησιμοποιημένες ετικέτες που μπορούν να χρησιμοποιηθούν για την επισήμανση λέξεων και προτάσεων σε κείμενο. Έτσι, για να διαγράψετε το κείμενο, αρκεί να χρησιμοποιήσετε . Μια ζευγοποιημένη ετικέτα θα σας βοηθήσει να κάνετε το κείμενο μονοδιάστημα . Εάν χρειάζεται να δημιουργήσετε έναν εκθέτη, χρησιμοποιήστε , πιο χαμηλα - .
Σε αυτήν την περίπτωση, όπως και πριν, το κείμενο που χρειάζεστε θα πρέπει να βρίσκεται μεταξύ των ετικετών ανοίγματος και κλεισίματος. Όπως μπορείτε να δείτε, δεν υπάρχει τίποτα περίπλοκο, το κύριο πράγμα είναι να θυμάστε αυτούς τους κωδικούς ή να τους γράψετε.
Χρησιμοποιώντας πολλές γραμματοσειρές
Εάν θέλετε να κάνετε το κείμενό σας πιο εκφραστικό, μπορείτε να χρησιμοποιήσετε περισσότερα από έντονες γραμματοσειρές. Η σήμανση HTML σάς επιτρέπει να επισημάνετε μια λέξη χρησιμοποιώντας πολλά στυλ ταυτόχρονα. Έτσι, μπορείτε να κάνετε μια λέξη έντονη, διαγραμμένη και πλάγια ταυτόχρονα.
Ταυτόχρονα, πρέπει να θυμάστε ένα πράγμα - όλες οι ετικέτες πρέπει να κλείνουν διαδοχικά. Για παράδειγμα, μια σωστή καταχώρηση μπορεί να είναι:
- το επιλεγμένο κείμενο.
Εάν κλείσετε τις ετικέτες με διαφορετική σειρά, το κείμενο θα τονιστεί εσφαλμένα. Παράδειγμα λανθασμένης καταχώρισης:
- το επιλεγμένο κείμενο.
Σε αυτήν την περίπτωση, το πρόγραμμα περιήγησης θα μπερδευτεί και δεν θα καταλάβει τι ακριβώς θέλετε από αυτό.
Παρεμπιπτόντως, μπορεί να σημειωθεί εδώ ότι οι τρεις επιλογές στυλ - έντονη, υπογραμμισμένη και πλάγια γραφή - απομνημονεύονται αρκετά εύκολα αν γνωρίζετε τα πλήκτρα συντόμευσης στο Word. Εκεί, το στυλ ρυθμίζεται χρησιμοποιώντας τα ίδια πλήκτρα γραμμάτων ενώ κρατάτε πατημένο το Ctrl.
Όπως μπορείτε να δείτε, μπορείτε να χρησιμοποιήσετε όχι μόνο πλάγιες ή έντονες γραμματοσειρές. Η σήμανση HTML σάς επιτρέπει να επισημάνετε λέξεις τόσο εύκολα όσο το κανονικό Word.
συμπεράσματα
Για να τονιστεί το κείμενο, χρησιμοποιούνται ευρέως όχι μόνο διάφορα χρώματα και αποχρώσεις, διαφορετικά μεγέθη και τύποι γραμματοσειρών, αλλά και το στυλ του. Επιπλέον, με τη βοήθεια ενός διαφορετικού περιγράμματος μπορεί να επισημανθεί όμορφα και εύκολα ένα ή άλλο κομμάτι κειμένου.
Για να αλλάξετε το στυλ γραμματοσειράς, θα πρέπει να χρησιμοποιήσετε οποιαδήποτε ετικέτα γνωρίζετε. Η έντονη γραμματοσειρά μιας σελίδας HTML είναι η πιο φωτεινή και εμφανής γραμματοσειρά, και ως εκ τούτου χρησιμοποιείται συχνότερα για έμφαση.