Πώς να αυξήσετε τη γραμματοσειρά στο Html

Πίνακας περιεχομένων:

Πώς να αυξήσετε τη γραμματοσειρά στο Html
Πώς να αυξήσετε τη γραμματοσειρά στο Html

Βίντεο: Πώς να αυξήσετε τη γραμματοσειρά στο Html

Βίντεο: Πώς να αυξήσετε τη γραμματοσειρά στο Html
Βίντεο: Πως να χρησιμοποιήσω τις γραμματοσειρές της Google 2024, Ενδέχεται
Anonim

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

Πώς να αυξήσετε τη γραμματοσειρά στο html
Πώς να αυξήσετε τη γραμματοσειρά στο html

Για να επεξεργαστείτε το κείμενο προέλευσης ενός εγγράφου με την επέκταση.html, ανοίξτε το πρόγραμμα επεξεργασίας κειμένου που χρησιμοποιείτε (για παράδειγμα, Σημειωματάριο). Κάντε κλικ στο "Αρχείο" - "Άνοιγμα" και καθορίστε τη διαδρομή προς τη σελίδα της οποίας τον κωδικό θέλετε να αλλάξετε. Στη συνέχεια, πατήστε το πλήκτρο Enter στο πληκτρολόγιό σας και αρχίστε να επεξεργάζεστε την ενότητα που θέλετε στο έγγραφο.

Html

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

Οποιοδήποτε κείμενο

Γράμματα που γράφονται μεταξύ και θα έχουν μέγεθος 15 λόγω της δεδομένης παραμέτρου μεγέθους.

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

CSS

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

Το χαρακτηριστικό size-size είναι υπεύθυνο για την αλλαγή των παραμέτρων μεγέθους γραμματοσειράς. Η περιγραφόμενη τιμή μπορεί να προσδιοριστεί σε pixel (px), σημεία (pt) και ποσοστά (%). Για παράδειγμα:

Αλλαγή του μεγέθους της γραμματοσειράς

body {font-size: 13pt; }

h1 {font-size: 200%; }

p {font-size: 15 εικονοστοιχεία; }

Σε αυτό το παράδειγμα, το μέγεθος του κειμένου που έχει εισαχθεί στο σώμα της σελίδας είναι 13 σημεία. Τυχόν γράμματα μεταξύ των ετικετών θα μεγεθυνθούν κατά 2 φορές (100% του αρχικού μεγέθους). Το κείμενο που καθορίζεται μεταξύ των περιγραφών θα είναι 15 pixel. Πρέπει να σημειωθεί ότι οι παράμετροι που ορίζονται για κάθε στοιχείο σελίδας ξεχωριστά θα υπερισχύουν των γενικότερων τιμών. Για παράδειγμα:

Κανονική γραμματοσειρά παραγράφου

Άλλαξε η παράγραφος

Κατά κανόνα, το κείμενο μεταξύ ετικετών πρέπει να έχει μέγεθος 15 εικονοστοιχεία. Ωστόσο, η γραμματοσειρά στο δεύτερο εδάφιο θα έχει μέγεθος 18, επειδή ο κώδικας στο σώμα του εγγράφου συνήθως υπερισχύει των γενικών ρυθμίσεων στο.

Συνιστάται: