HTML bietet verschiedene Gestaltungsoptionen für den Text. Das Unterstreichen des HTML-Textes ist eine davon. Durch einfaches Unterstreichen wird eine gerade Linie unter den Text gezogen, ohne die darunter liegende Linie zu belegen. In diesem Tutorial erfahren Sie, wie Sie den HTML-Text mit < u > -Tag, CSS-Code, CSS-Klasse und unterstreichen Legen Sie die unterstrichenen Eigenschaften und Alternativen fest.

Unterstreichen Sie Text mit < u > Tag

HTML stellt das Tag < u > bereit, um den angegebenen Text in HTML zu unterstreichen. < u > ist das Start-Tag zum Unterstreichen und < / u > wird verwendet, um das Ende der Unterstreichung festzulegen. Unterstreichungs-Tags können problemlos für verschiedene Texttypen wie Hyperlinks, Fettdruck usw. verwendet werden. Im folgenden Beispiel werden wir ein einzelnes Wort oder einen vollständigen Satz oder einen Hyperlink unterstreichen. Das HTML-Tag < u > oder unterstreicht wird von allen gängigen Browsern wie Google Chrome, Mozilla Firefox, Microsoft Edge, Safari oder Opera unterstützt

Text mit CSS-Textdekoration unterstreichen Attribut

CSS bietet das Attribut text-decoration, um verschiedene HTML-Elemente zu unterstreichen. Wir können das Textdekorationsattribut verwenden, um HTML-Text zu unterstreichen. Das Attribut Textdekorationsstil kann mit verschiedenen HTML-Tags oder -Elementen verwendet werden. Im folgenden Beispiel haben wir das Tag < span > verwendet, um den Text auszuwählen und zu unterstreichen.

Festlegen der Farbe und des Stils des Textes

In einigen Fällen reicht es möglicherweise nicht aus, nur den HTML-Text zu unterstreichen. Wir können auch den Stil der Unterstreichung einfärben oder ändern. Das CSS-Attribut text-decoration kann verwendet werden, um die Unterstreichungen mit < u > zu formatieren und einzufärben Tag oder ohne es. Im Folgenden wird die Farbe des HTML-Textes als rot, grün und der Stil als wellig, gestrichelt, gepunktet und doppelt dargestellt.

wavy Der Stil erzeugt keine gerade Linie, bei der die Linie wie Wellen gewellt ist.

dashed -Stil erzeugt eine gestrichelte Unterstreichung.

dotted -Stil ähnelt dem gestrichelten Stil, die Punkte sind jedoch kleiner.

double -Stil setzt zwei Unterstreichungen, wobei die Standardeinstellung eine einzelne Unterstreichung ist.

Die rote Farbe und die gestrichelte Unterstreichung kann zum Ausdrücken von Rechtschreibung, Syntax oder allgemeinen Fehlern verwendet werden. Auch dotted

CSS-Klasse für HTML-Text verwenden Unterstreichen

Es ist keine gute Arbeit, jeden unterstrichenen CSS-Code immer wieder zu schreiben. Eine CSS-Klasse kann für verschiedene Unterstreichungsanwendungsfälle erstellt werden, und diese Klasse kann für HTML-Text verwendet werden, der mit anderen HTML-Tags unterstrichen wird. Im folgenden Beispiel erstellen wir verschiedene CSS-Klassen wie Unterstreichungsrot und Unterstreichungsgrün, um Text einfach zu unterstreichen.