Javascript Fetter Text

| | | |

Um Text in HTML fett zu formatieren, können Sie das -Tag, den -Tag oder font-weight in CSS.

Wenn Sie eine Webseite entwerfen, möchten Sie vielleicht einen bestimmten Textabschnitt hervorheben.

Angenommen, Sie haben eine Liste von Anweisungen zum Umgang mit einer neuen Technologie und ein Sicherheitshinweis, der fur den Benutzer besonders wichtig ist. Sie können diesen Hinweis hervorheben, um sicherzustellen, dass der Benutzer ihn nicht ubersieht, wenn er die Anweisungen liest.

In HTML gibt es integrierte Funktionen, die es Programmierern ermöglichen, um einen bestimmten Text hervorzuheben. In diesem Tutorial werden wir die drei gängigsten Methoden zum Hervorheben von Text in HTML aufschlusseln: das -Tag, das -Tag und der Parameter font-weight Cascading Style Sheets (CSS).

HTML Tag

Die gebräuchlichste Methode, mit der Entwickler in HTML fettgedruckten Text erstellen, ist die Verwendung des Tags . Mit dem Tag wird ein Element erstellt, das fetten Text auf einer HTML-Webseite darstellt. Beispielsweise kann ein -Tag Unteruberschriften in einem Online-Artikel hervorheben.

Hier ist ein Beispiel fur HTML < b> Tag in Aktion:

So einfach ist das. Wenn Sie einen bestimmten Textabschnitt fett formatieren möchten, aber den Rest eines Absatzes belassen möchten, können Sie wie unten beschrieben ein -Tag in einen Abschnitt einschließen:

Hier ist das Ergebnis unseres Codes:

81 % der Teilnehmer gaben an, dass sie sich nach dem Besuch eines Bootcamps sicherer in Bezug auf ihre Berufsaussichten im Tech-Bereich fuhlten. Lassen Sie sich noch heute in ein Bootcamp einweisen.

Der durchschnittliche Bootcamp-Absolvent verbrachte weniger als sechs Monate im Karriereubergang, vom Beginn eines Bootcamps bis zur Suche nach seinem ersten Job.

Der Anfang unseres Absatzes erscheint normal, und der Text in unserem -Tag wurde fett gedruckt.

HTML -Tag

Außerdem können Sie mit dem -Tag fettgedruckten Text in < . erstellen code>HTML. Das -Tag ist genauso wie das -Tag, mit einem Unterschied: Das starke Tag zeigt an, dass dass sein Inhalt besondere Aufmerksamkeit erfordert. Hier ist ein Beispiel fur die Verwendung eines -Tags:

Unser Code gibt Folgendes zuruck:

3Wu9gudPNDx8rHeEPum1C5 JUxRQqmDg ZCJv4nIGzDEBzPbvXoQwXWT Pr9peExkkgeBdErzTUDrrvGjcInojk0I1GR ZTJmru5ycNZFY4UZjriVadJXKZfpQKqaA5qxDB0tcT1

Wie Sie sehen können, die "b" -Tag Text markiert verwendet wird, dass der Leser möchte lesen . Das Tag wird verwendet, um anzuzeigen, dass der Leser dem Wort Achtung besondere Aufmerksamkeit schenken sollte. Abgesehen von diesem Unterschied sind und Tags sind gleich.

CSS font-weight-Eigenschaft

Die und -Tags werden in Vanilla HTML-Elementen verwendet, um anzuzeigen, dass Text wichtig ist und gelesen werden sollte. Es gibt jedoch auch eine CSS-Eigenschaft, die uns mehr Kontrolle daruber gibt, wie unser Text angezeigt wird: font-weight.

font-weight ermöglicht es Programmierern zu bestimmen, wie schwer oder leicht – wie kuhn – ein bestimmter Textabschnitt wird angezeigt. Hier ist ein Beispiel fur das font-weight-Tag, das auf einen Absatz mit dem Tag thick angewendet wird:

HTML:

CSS:

Unser Code gibt Folgendes zuruck:

PUID1hdO8MH0qiaSHr6T2Xbf5IC11tGlX5XBYcHd5ZoMIFN3T 7EtnQs6ddneO7uvbRSJHOHR6 B QAsA6BkhOa1GcjgzQRdAtdShl5DyH1XlZLvqCrqDOOqirbnCdnLboyexPf0

In unserem Beispiel definieren wir eine Klasse namens dick , die den font-weight -Eigenschaft fur unseren Text auf 900, was bedeutet, dass der Text, in dem wir auf die Klasse thick verweisen, in Fettdruck angezeigt wird. Es ist erw√§hnenswert, dass wir die Zahl "900‚" je nachdem, ob unser Text heller oder fetter erscheinen soll.

Alternativ könnten wir unser font-weight mit dem style font-weight bold-Attribut wie folgt angeben:

Schlussfolgerung

Fettdruck ist ein wichtiger Teil der Textformatierung in HTML. Wenn Sie auf eine bestimmte Textzeile oder ein paar Wörter aufmerksam machen möchten, können Sie diese hervorheben. In diesem Tutorial haben wir die drei Hauptmethoden zum Hervorheben von Text aufgeschlusselt: < ;b>, und font-weight. Jetzt sind Sie bereit, fettgedruckten Text wie ein Experte zu erstellen!

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method