Πώς να δημιουργήσετε τολμηρό κείμενο με HTML

Συγγραφέας: John Pratt
Ημερομηνία Δημιουργίας: 13 Ιανουάριος 2021
Ημερομηνία Ενημέρωσης: 18 Ενδέχεται 2024
Anonim
8 .  Δωρεάν Κατασκευή Ιστοσελίδων με HTML και CSS , θα μάθουμε  τον κώδικα div
Βίντεο: 8 . Δωρεάν Κατασκευή Ιστοσελίδων με HTML και CSS , θα μάθουμε τον κώδικα div

Περιεχόμενο

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

Βήματα

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

  1. Χρησιμοποιήστε την ετικέτα "ισχυρή". Σε HTML5, το προτιμώμενο πρότυπο, η «ισχυρή» ετικέτα, συνιστάται για σημαντικά κείμενα. Εμφανίζεται σχεδόν πάντα ως έντονο κείμενο στα προγράμματα περιήγησης.
    • Πληκτρολογήστε το κείμενο που θέλετε με έντονους χαρακτήρες μεταξύ αυτών των ετικετών: τολμηρό κείμενο εδώ.

  2. Χρησιμοποιήστε ετικέτες τίτλου όταν χρειάζεται. Τοποθετούνται στην κορυφή ενός ιστότοπου ή στην αρχή μιας νέας ενότητας. Οι τίτλοι εμφανίζονται συνήθως σε μεγαλύτερες, έντονες γραμματοσειρές, αλλά αυτό μπορεί να διαφέρει. Υπάρχουν έξι διαφορετικές ετικέτες για τίτλους,

    ο

    . Ακολουθήστε αυτές τις οδηγίες όταν τις χρησιμοποιείτε.
    • Η ετικέτα h1, γραμμένη ως

      Ο τίτλος σας εδώ

      είναι ο πιο σημαντικός τίτλος, συνήθως το μεγαλύτερο κείμενο στην αρχή της σελίδας.
    • Η ετικέτα h2

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

      Για

      . Αυτό βοηθά τη σελίδα HTML να διατηρήσει τη μορφοποίηση όταν μεταφέρεται σε άλλη μορφή.


  3. Χρησιμοποιήστε την ετικέτα «b» ως έσχατη λύση.. Η ετικέτα εξακολουθεί να υποστηρίζεται σε HTML5, αλλά το είναι προτιμότερο στις περισσότερες περιπτώσεις. Χρησιμοποιήστε την ετικέτα μόνο όταν το έντονο κείμενο χρησιμοποιείται για λόγους στυλ, όχι για έμφαση. Τα παραδείγματα περιλαμβάνουν λέξεις-κλειδιά ή λεξιλόγιο σε ένα κείμενο ή ονόματα προϊόντων για ανάλυση.
    • Όπως οι περισσότερες ετικέτες, πληκτρολογήστε κείμενο μεταξύ της αρχής και του τέλους μιας ετικέτας.

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


  1. Κατανοήστε πότε να χρησιμοποιήσετε το CSS, που είναι ένας πιο ισχυρός και συνεπής τρόπος για να αλλάξετε το στυλ του ιστότοπού σας. Αυτή η γλώσσα είναι ιδανική για τον προσδιορισμό της εμφάνισης του ιστότοπού σας, ενώ η HTML καθορίζει τι σημαίνει ο ιστότοπός σας. Είναι εντάξει να χρησιμοποιήσετε HTML για να τονίσετε το σημαντικό κείμενο, αλλά το CSS θα σας δώσει περισσότερο έλεγχο στην οπτική πλευρά του τολμηρού κειμένου σας.
    • Προσπαθήστε να ανοίξετε την ίδια σελίδα HTML σε διαφορετικά προγράμματα περιήγησης και ενδέχεται να παρατηρήσετε κάποιες διαφορές στην οθόνη. Το CSS «λέει» στο πρόγραμμα περιήγησης πώς να εμφανίζει το κείμενο που έχει αλλάξει από μια ετικέτα, ώστε να ελαχιστοποιείται η παραλλαγή.
  2. Προσθέστε μια ετικέτα στο κείμενό σας. Εάν δεν γνωρίζετε ακόμα τίποτα για το CSS, η χρήση του "CSS inline" είναι ένας καλός τρόπος για να ξεκινήσετε. Αν και μπορείτε να αλλάξετε ετικέτες όπως

    ή

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

  3. Προσθέστε το χαρακτηριστικό στυλ. Τα χαρακτηριστικά HTML γράφονται απευθείας στην ετικέτα, εντός <> παρενθέσεων. Η λειτουργία στυλ είναι απαραίτητη για να εισαγάγετε το CSS μέσα στην ετικέτα HTML, έτσι θα το εισαγάγουμε στυλ = στην ετικέτα span:
    • Έμαθα να κάνω αυτό το κείμενο έντονο με ενσωματωμένο CSS.
    • Δεν υπάρχει λόγος να προσθέσετε το χαρακτηριστικό στυλ χωρίς να ορίσετε τίποτα. Μαθαίνουμε ένα πράγμα κάθε φορά.
  4. Προσθέστε την ιδιότητα "font-weight". Οι ιδιότητες CSS προστίθενται ως χαρακτηριστικά στυλ. Στην περίπτωσή μας, θα χρησιμοποιήσουμε την αναφερόμενη ιδιότητα, η οποία καθορίζει το πάχος της γραμματοσειράς. Μπορεί να χρησιμοποιηθεί για να δείξει έντονο, λεπτότερο κείμενο ή ακόμη και κανονικό πάχος. Προσθήκη "font-weight:" μετά το σύμβολο =, όπως φαίνεται παρακάτω:
    • Έμαθα να κάνω αυτό το κείμενο έντονο με ενσωματωμένο CSS.
    • Και πάλι, δεν έχουμε τελειώσει ακόμα.
    • Μην ξεχάσετε τα αποσπάσματα πριν και μετά βάρος γραμματοσειράς:.
  5. Προσθέστε την έντονη τιμή. Το μόνο που πρέπει να κάνουμε είναι να καθορίσουμε μια τιμή μεταξύ του βάρος γραμματοσειράς: και τα τελευταία αποσπάσματα. Υπάρχουν μερικές επιλογές που μπορούν να χρησιμοποιηθούν, αλλά η τιμή τολμηρός είναι το πιο εύκολο στη χρήση:
    • Έμαθα να κάνω αυτό το κείμενο έντονο με ενσωματωμένο CSS.
  6. Πειραματιστείτε με άλλες τιμές. Το CSS σας προσφέρει πολλές επιλογές εκτός από HTML, οπότε μην περιορίζεστε. Ακολουθούν ορισμένες εναλλακτικές λύσεις για την "τολμηρή" τιμή:
    • Το κείμενο "Bolder" θα είναι πιο εκτεθειμένο από αυτό που μοιάζει με αυτόν. Για παράδειγμα, αν δημιουργήσετε μια ολόκληρη παράγραφο με "έντονη γραφή" και στη συνέχεια χρησιμοποιήσετε το "τολμηρότερο" σε μια μεμονωμένη πρόταση εντός της παραγράφου, θα ξεχωρίζει.
    • Η επιλογή "Κανονική" θα διατηρήσει το κείμενο χωρίς έντονη γραφή, ακόμα κι αν βρίσκεται ανάμεσα σε μια ετικέτα που το καθιστά έντονο.
    • Μπορείτε να χρησιμοποιήσετε μια αριθμητική τιμή που κυμαίνεται από 100 έως 900 για να καθορίσετε ένα πάχος. Το 400 είναι κανονικό, ενώ το έντονο κείμενο χρησιμοποιεί 700.

Συμβουλές

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

Εάν πρέπει να διαγράψετε έναν πίνακα από ένα έγγραφο των Εγγράφων Google, είστε τυχεροί! Μπορείτε να το κάνετε γρήγορα σε οποιαδήποτε φορητή ή επιτραπέζια πλατφόρμα ανοίγοντας το μενού "Πίνακας&q...

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

Άρθρα Για Εσάς