Das Hervorheben von Text auf einer Webseite hilft dabei, die Aufmerksamkeit des Lesers auf wichtige Informationen zu lenken. Zum Beispiel, Dieser Text ist gelb hervorgehoben und ist Ihnen wahrscheinlich zuerst aufgefallen. Es gibt mehrere Methoden zum Hervorheben von Text. Um fortzufahren, wählen Sie eine Methode aus der Liste unten aus und befolgen Sie die Anweisungen.
Hervorheben mit dem HTML5--Tag
Wenn Sie an einer HTML5-Seite arbeiten, kann das -Tag Text schnell hervorheben. Nachfolgend finden Sie ein Beispiel für die Verwendung des Markierungs-Tags und seines Ergebnisses. Wenn Ihr Browser das -Tag unterstützt, sollte “hervorgehobener Text” einen gelben Hintergrund haben.
Beispielcode
Here is an example of <mark>highlighted text</mark> using the <mark> tag.
Beispielergebnis
Hier ist ein Beispiel für hervorgehobener Text mit dem -Tag.
Markieren Sie Text nur mit HTML-Code
Um Text mit HTML-Code und Unterstützung für alle Browser hervorzuheben, legen Sie den Stil der Hintergrundfarbe mit dem HTML-Tag fest, wie im Beispiel unten gezeigt.
Beispielcode
<span style="background-color: #FFFF00">This text is highlighted in yellow.</span>
Beispielergebnis
Dieser Text ist gelb markierter Text.
Im obigen Beispiel hat das HTML-Tag einen Hintergrundfarbcode von #FFFF00, was gelb ist. In diesem Fall könnte das Wort “Gelb” anstelle des Farbcodes oder irgendeiner anderen Farbbezeichnung für diese Angelegenheit verwendet werden.
Mit demselben Code könnten Sie auch ein oder mehrere Wörter innerhalb eines Absatzes hervorheben Aufmerksamkeit erregen zu einem bestimmten Textabschnitt.
Markieren Sie Text mit CSS und HTML
Sie können auch eine CSS-Klasse erstellen und das Attribut “background-color” festlegen, wie im folgenden Beispiel gezeigt.
Beispielcode
<style>
body { background-color:blue; }
.highlightme { background-color:#FFFF00; }
p { background-color:#FFFFFF; }
</style>
Im obigen CSS-Code werden drei Elemente definiert. Erstens wird die Hintergrundfarbe des Körpers auf Blau gesetzt, zweitens eine neue Klasse namens “highlightme” mit gelbem Hintergrund und schließlich hat das Absatz-Tag einen weißen Hintergrund.
Wenn Sie die Klasse „highlightme“ verwenden möchten, um Ihren Text hervorzuheben, können Sie in Ihrem HTML-Code ein -Tag erstellen, das auf die CSS-Klasse verweist.
Beispielcode
<span class="highlightme">test</span>
So markieren Sie einen ganzen Absatz
Die oben erwähnte CSS-Klasse oder Stilklasse könnte auch auf ein Absatz-Tag angewendet werden, wenn Sie wie unten gezeigt einen vollständigen Absatz hervorheben möchten.
Beispielcode
<p style="background-color: #FFFF00">This whole paragraph of text is highlighted in yellow.</p>
Beispielergebnis
Dieser gesamte Textabschnitt ist gelb hervorgehoben.
