HTML: Text unterstreichen – So gehts

Wenn du HTML lernen willst, dann muss man oft einen bestimmten Text unterstreichen. Wenn du aber noch Anfänger bist dann ist das oft nicht so einfach. Keine Panik in diesem Beitrag zeige ich dir wie du einen HTML Text easy unterstreichen kannst.

HTML: Text unterstreichen

Zuerst fügen wir uns einen Beliebigen Text ein

<span>Diesen Text will ich unterstreichen</span>

Um einen Text in HTML zu unterstreichen musst du CSS verwenden.

<span style="text-decoration:underline">Diesen Text will ich unterstreichen</span>

Der Befehl dafür heißt text-decoration:unterline und in unserem Beispiel sieht das dann so aus

Ergebnis

Text mit CSS Klasse unterstreichen

<style>
.unterstreichen{
text-decoration:underline;
}
</style>


<span class="unterstreichen">Diesen Text will ich unterstreichen</span>

Alternativ kann unser Beispiel auch so aussehen, wenn wir eine CSS Klasse verwenden. Die CSS Klasse musst du in dein HTML Dokument oder in deine style.css bei WordPress einfügen.

Das Ergebnis ist aber das gleiche nur es ist übersichtlicher wenn du viele CSS Änderungen später mal machen willst.

Über mich

Domi

Hi ich bin’s Dominik. Auf Blogseite.com findest du alles was mich interessiert. Mag Games, liebe SEO, programmiere gerne und möchte dir mit verschiedenen Themen die mich begeistern einen Mehrwert liefern. Viel Spaß auf meiner Seite