So unterstreichen Sie Text in HTML (mit Bildern)

Inhaltsverzeichnis:

So unterstreichen Sie Text in HTML (mit Bildern)
So unterstreichen Sie Text in HTML (mit Bildern)
Anonim

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

2475553 1 1

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

2475553 2 1

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.

2475553 3 1

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

2475553 4 1

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  
2475553 5 1

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

2475553 6 1

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.

2475553 7 1

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.  

Beliebt nach Thema