Περιεχόμενο

• Βήματα
• Μέθοδος 1 από 2: Δημιουργήστε έντονο κείμενο με HTML
• Μέθοδος 2 από 2: Δημιουργήστε έντονο κείμενο με CSS
• Συμβουλές

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

Βήματα

Μέθοδος 1 από 2: Δημιουργήστε έντονο κείμενο με HTML

1. 1 strong> Χρησιμοποιήστε την ετικέτα strong / strong>. Στο HTML5, σύμφωνα με τις προδιαγραφές, αυτός είναι ο καλύτερος τρόπος για να επισημάνετε το κείμενο. Αυτή η ετικέτα θα κάνει σχεδόν πάντα το κείμενο έντονο.
   • Τοποθετήστε το κείμενο που θέλετε να επισημάνετε μέσα στις ετικέτες: strong>ακριβώς εδώ/ δυνατό>.
2. 2 Χρησιμοποιήστε επικεφαλίδες όταν χρειάζεται. Συνήθως, τοποθετούνται στο επάνω μέρος της σελίδας ή στην αρχή μιας νέας ενότητας. Από προεπιλογή, οι επικεφαλίδες εμφανίζονται μεγαλύτερες και πιο τολμηρές από το κανονικό κείμενο, αν και υπάρχουν ορισμένες λεπτότητες και εδώ. Υπάρχουν έξι επίπεδα επικεφαλίδων, από 1 έως 6: h1> - h6>. Ακολουθήστε αυτές τις οδηγίες όταν τις χρησιμοποιείτε:
   • Η επικεφαλίδα h1 γράφεται έτσι: h1> επικεφαλίδα πρώτου επιπέδου / h1>, και αυτή είναι η πιο σημαντική, μεγαλύτερη επικεφαλίδα της σελίδας.
   • h2> Επικεφαλίδα h2 / h2> - για τη δεύτερη πιο σημαντική επικεφαλίδα και ούτω καθεξής μέχρι την ίδια την ώρα h6> επικεφαλίδα h6, τη μικρότερη από όλες / h6>.
   • Πρέπει να χρησιμοποιήσετε επικεφαλίδες προσεκτικά, με μέτρο, μόνο για να οργανώσετε το περιεχόμενο της σελίδας. Ο χρήστης θα πρέπει να μπορεί να δει τον τίτλο όσο το δυνατόν γρηγορότερα για να καταλάβει εάν το περιεχόμενο που θέλει είναι από κάτω.
   • Κατά τη δημιουργία υποτίτλων, αξίζει να κατεβείτε μόνο ένα επίπεδο κάθε φορά. Με άλλα λόγια, δεν υπάρχει ανάγκη να τεθεί μετά το h1> αμέσως h3>. Με αυτόν τον τρόπο, η μορφοποίηση της σελίδας δεν θα αποτύχει κατά τη μετατροπή σε άλλη μορφή.
3. 3 b> Ως έσχατη λύση, χρησιμοποιήστε την ετικέτα b / b>. Η ετικέτα b> εξακολουθεί να υποστηρίζεται σε HTML5, αλλά πολύ καλύτερη. Μπορείτε να χρησιμοποιήσετε το b> όταν το κείμενο επισημαίνεται για στιλιστικούς, μη σημασιολογικούς σκοπούς - για παράδειγμα, για να επισημάνετε λέξεις -κλειδιά ή λέξεις λεξιλογίου, ονόματα προϊόντων κ.ο.κ.
   • Όπως και οι περισσότερες ετικέτες, το b> είναι ένα ζεύγος που ελέγχει το / b> κείμενο που τοποθετείται μέσα σε αυτό.

Μέθοδος 2 από 2: Δημιουργήστε έντονο κείμενο με CSS

1. 1 Θυμηθείτε πότε πρέπει να χρησιμοποιήσετε το CSS. Το CSS είναι ένα πολύ ισχυρό και βολικό εργαλείο για την επεξεργασία της εμφάνισης μιας σελίδας. Στην πραγματικότητα, το CSS είναι πώς "φαίνεται" η σελίδα, ενώ HTML είναι αυτό που "σημαίνει". Φυσικά, δεν υπάρχει τίποτα κακό με τις ετικέτες HTML, μπορούν να χρησιμοποιηθούν, αλλά είναι καλύτερο να δουλεύετε με CSS - έχετε περισσότερο έλεγχο για το πώς θα φαίνεται το κείμενό σας.
   • Ανοίξτε μια απλή σελίδα HTML σε διαφορετικά προγράμματα περιήγησης. Παρατηρείτε πώς εμφανίζεται ελαφρώς διαφορετικά σε καθένα; Το CSS μπορεί να βοηθήσει στη διατήρηση αυτής της διαφοράς στο ελάχιστο.
2. 2 Προσθέστε ένα εύρος> ετικέτα στο κείμενο. Εάν δεν είστε ήδη κάτοχος CSS, θα πρέπει να ξεκινήσετε με το λεγόμενο "inline CSS" - "inline style sheets", αν θέλετε. Αυτό, φυσικά, μπορεί να χρησιμοποιηθεί για να αλλάξει την εμφάνιση ετικετών όπως p> ή h1>, αλλά μερικές φορές μπορείτε επίσης να αλλάξετε κείμενο που δεν περιλαμβάνεται ακόμη σε καμία ετικέτα. Η ετικέτα span> / span> είναι σαν ένα περιτύλιγμα που από μόνο του δεν έχει αποτέλεσμα ή αποτέλεσμα, αλλά μας δίνει την ευκαιρία να κάνουμε τις απαραίτητες αλλαγές στη σελίδα. Εδώ είναι ένα παράδειγμα:
   • span> Μαθαίνω πώς να κάνω το κείμενο έντονο με ενσωματωμένο CSS ./span>
3. 3 Προσθέστε το χαρακτηριστικό στυλ. Τα χαρακτηριστικά σε HTML γράφονται απευθείας στην ετικέτα, ακριβώς στα πλαίσια ελέγχου>. Το χαρακτηριστικό στυλ απαιτείται για να εισαγάγετε CSS σε μια ετικέτα HTML, οπότε εισαγάγετε στυλ = στην ετικέτα span:
   • span style => Μαθαίνω πώς να κάνω το κείμενο έντονο με ενσωματωμένο CSS ../ span>
   • Γιατί να προσθέσετε ένα χαρακτηριστικό στυλ εάν δεν προσθέσετε το ίδιο το στυλ; Το κρίνω σωστό. Εδώ όμως σας παρουσιάζουμε τα πάντα βήμα προς βήμα!
4. 4 Προσθέστε την ιδιότητα γραμματοσειράς. Οι ιδιότητες CSS προστίθενται ως μέρος του χαρακτηριστικού, σε αυτήν την περίπτωση ως μέρος του χαρακτηριστικού στυλ, δηλαδή "font-weight" (κυριολεκτικό βάρος). Αυτή η ιδιότητα μπορεί να χρησιμοποιηθεί για να καθορίσει το στυλ μιας γραμματοσειράς, όχι μόνο έντονη, αλλά και εξαιρετικά έντονη, λεπτή ή κανονική. Μετά το σύμβολο =, γράψτε "font-weight:"... Θα πρέπει να μοιάζει κάπως έτσι:
   • span style = "font-weight:"> Μαθαίνω πώς να κάνω το κείμενο έντονο χρησιμοποιώντας ενσωματωμένο CSS ../ span>
   • Κάντε μια παύση προς το παρόν, μην γράψετε τίποτα άλλο (και ναι, υπάρχουν ακόμη περισσότερα).
   • Μην ξεχάσετε να βάλετε εισαγωγικά πριν και μετά γραμματοσειρά-βάρος:.
5. 5 Προσθέστε την έντονη τιμή. Τι ΜΕΝΕΙ? Σωστά, ορίστε την ιδιότητα χαρακτηριστικού σε μια τιμή! Πού να το τοποθετήσετε; Σωστά, ανάμεσα γραμματοσειρά-βάρος: και ένα απόσπασμα. Αυτή η ιδιότητα έχει διάφορες ποικιλίες, που διαφέρουν σε τόλμη και ο ευκολότερος τρόπος είναι να χρησιμοποιήσετε την τιμή τολμηρός:
   • span style = "font-weight: bold"> Μαθαίνω πώς να κάνω έντονο το κείμενο χρησιμοποιώντας ενσωματωμένο CSS./span>
6. 6 Πειραματιστείτε με άλλες τιμές. Το CSS είναι πολύ πιο ισχυρό από το HTML, οπότε μην νιώθετε ότι είστε δεμένοι στο χέρι και στο πόδι. Ακολουθούν μερικές εναλλακτικές λύσεις για το έντονο:
   • span style = "font -weight: bolder"> "Bolder" - με αυτόν τον τρόπο το κείμενο θα είναι πάντα παχύτερο από το γονικό στοιχείο, ανεξάρτητα από το πόσο έντονο είναι. / span> Εάν ολόκληρη η παράγραφος είναι επιλεγμένη με "bold", τότε Το "πιο τολμηρό" θα βοηθήσει να επισημανθεί ακόμη πιο τολμηρά, ας πούμε, μια ξεχωριστή πρόταση που υπάρχει σε αυτό.
   • span style = "font -weight: normal"> "Normal" - ένα τέτοιο κείμενο θα φαίνεται ως συνήθως, ακόμη και όταν βρίσκεται μέσα σε μια ετικέτα που κάνει το κείμενο έντονο. / span>
   • span style = "font -weight: 900"> Για να ρυθμίσετε το βάρος του κειμένου, μπορείτε να χρησιμοποιήσετε τιμές από 100 έως 900. 400 - κανονικό στυλ, έντονα - από 700 και άνω. / span>

Συμβουλές

• Όταν χρησιμοποιείτε αριθμητικές τιμές για το βάρος στο CSS, χρησιμοποιήστε πολλαπλάσια του 100. Όλες οι άλλες τιμές θα εξακολουθούν να στρογγυλοποιούνται.
• Ένα εξωτερικό αρχείο CSS, σίγουρα, είναι πολύ πιο βολικό από αυτό που περιγράφεται σε αυτό το άρθρο - με αυτόν τον τρόπο θα είναι δυνατό να ελέγχετε την εμφάνιση όλων των σελίδων του ιστότοπου από ένα αρχείο ταυτόχρονα!
• Δεν μπορείτε να κάνετε μια γραμματοσειρά παχύτερη από την αρχική πρόθεση των τυπογράφων. Όταν εργάζεστε με CSS, θυμηθείτε ότι η γραμματοσειρά θα αλλάξει σύμφωνα με το πρότυπο. Κατά συνέπεια, δεν θα δείτε τη διαφορά μεταξύ των δύο έντονων επιλογών γραμματοσειράς (πιο συγκεκριμένα, μπορείτε να το δείτε - αλλά εξαρτάται ήδη από τη γραμματοσειρά).