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

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

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

HTML
<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

Diesen Text will ich unterstreichen

Text mit CSS Klasse unterstreichen

HTML
<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.

Diesen Text will ich unterstreichen
    html text unterstreichen   

Über Mich


Weitere Beiträge auf Blogseite.com




Kennst du schon diese Memes?