Früher ging es beim Unterstreichen in HTML darum, den Text in Tags einzuschließen, aber diese Methode wurde inzwischen zugunsten des viel vielseitigeren CSS aufgegeben. Unterstreichungen gelten im Allgemeinen als schlechte Möglichkeit, die Aufmerksamkeit auf Text zu lenken. Dies liegt daran, dass unterstrichener Text leicht mit einem Link verwechselt wird.
Schritte
Methode 1 von 2: Aktuelle Methode
Schritt 1. Verwenden Sie die CSS-Stileigenschaft "text-decoration"
Die Verwendung des Tags ist nicht mehr der richtige Weg, um Text zu unterstreichen. Verwenden Sie stattdessen die CSS-Eigenschaft "text-decoration".
Dies trägt dazu bei, Ihren Code zukunftssicher zu machen, sodass Sie nicht zurückgehen und Dinge ändern müssen, sobald der alte Code unbrauchbar wird
Schritt 2. Verwenden Sie das Tag, wenn Sie einen bestimmten Text unterstreichen möchten
Platzieren Sie das öffnende Tag zusammen mit der Eigenschaft "text-decoration" dort, wo Sie mit dem Unterstreichen beginnen möchten. Platzieren Sie die Schließung dort, wo sie aufhören soll.
Dies wird unterstrichen.
Schritt 3. Deklarieren Sie HTML-Elemente im Abschnitt Ihrer Seite
Sie können dies auch im CSS-Stylesheet tun. Sie können das Unterstreichen erheblich vereinfachen, indem Sie HTML-Elemente als Stil deklarieren. Um beispielsweise alle Ihre Level-3-Header unterstrichen zu machen, fügen Sie Ihrem CSS-Stil-Abschnitt Folgendes hinzu:
Diese Überschrift wird unterstrichen
Schritt 4. Erstellen Sie eine CSS-Klasse, die Sie jederzeit schnell unterstreichen können
In Ihrem Stylesheet oder Abschnitt können Sie Klassen erstellen, die Sie später aufrufen können. Die Klasse kann einen beliebigen Namen haben.
Sie können diesen Kurs verwenden, um schnell verschiedene Teile Ihres Inhalts zu unterstreichen
Schritt 5. Ziehen Sie andere Methoden zum Hervorheben von Text in Betracht
Unterstreichungen sollten vermieden werden, um den Leser nicht zu verwirren. Eine beliebte Methode ist die Verwendung des Tags, das Text kursiv formatiert. Sie können CSS verwenden, um dieses Tag für eine eindeutige Hervorhebung weiter zu definieren.
Alles, was das em-Element verwendet, wird kursiv (aufgrund der Standardeinstellungen) sowie rot aufgrund der oben hinzugefügten zusätzlichen Stileinstellungen angezeigt.
Methode 2 von 2: Veraltete Methode
Schritt 1. Vermeiden Sie die Verwendung der alten Tags
Dies ist "veraltet", was bedeutet, dass es funktioniert, aber nicht mehr verwendet oder empfohlen wird. Dies liegt daran, dass HTML nicht dafür ausgelegt ist, Inhalte zu gestalten. Das Tag funktioniert weiterhin, soll aber jetzt Text darstellen, der sich vom anderen Text unterscheidet, wie beispielsweise falsch geschriebene Wörter oder chinesische Eigennamen.
Schritt 2. Verwenden Sie die Tags zum Unterstreichen (nur zur Demonstration)
Es gibt praktisch keinen Fall mehr, in dem Sie diese Methode verwenden sollten. Es kann gut sein zu wissen, wie es verwendet wurde, falls Sie eine alte Website aktualisieren müssen.
Das alte Unterstreichungs-Tag in HTML erlaubt dir, Dinge schnell zu unterstreichen, aber es machte die Sache durcheinander, wenn andere Stilelemente involviert waren. Aus diesem Grund wird modernes Unterstreichen mit dem CSS-Element "text-decoration" erreicht.