Inhalt
Die alte HTML-Unterstreichungsmethode besteht darin, u> / u> -Tags zu verwenden, aber jetzt verwendet sie eine moderne CSS-basierte Methode. Unterstreichungen gelten als schlechte Möglichkeit, um auf Text aufmerksam zu machen, da unterstrichener Text leicht mit einem Link verwechselt werden kann.
Schritte
Methode 1 von 2: Moderne Methode
1 Verwenden Sie die Eigenschaft "text-decoration" in CSS. Derzeit wird das Tag u> nicht zum Unterstreichen von Text verwendet. - Wenn Sie diese Eigenschaft hinzufügen, müssen Sie Ihren Code in Zukunft nicht mehr ändern, wenn alte Tags eingestellt werden.
2 Verwenden Sie das span>-Tag, um einen bestimmten Textabschnitt zu unterstreichen. Geben Sie ein Start-Tag zusammen mit der Eigenschaft "text-decoration" vor dem Text ein, den Sie unterstreichen möchten. Geben Sie am Ende des Textes das schließende Tag / span> ein. span style = "text-decoration: underline;"> Dieser Text wird unterstrichen. / span>
3 Geben Sie HTML-Elemente im Abschnitt style> an, um das Unterstreichen zu erleichtern. Dies kann auch mit einem CSS-Stylesheet erfolgen. Um beispielsweise alle Überschriften der Ebene 3 zu unterstreichen, fügen Sie den folgenden Code zum Abschnitt "Stil" hinzu: html> head> style> h3 {Textdekoration: unterstreichen; } / style> / head> body> h3> Diese Überschrift wird unterstrichen / h3> / body> / html>
4 Erstellen Sie eine CSS-Klasse, um Text schnell zu unterstreichen. Sie können Klassen in Ihrem Stylesheet- oder style>-Abschnitt erstellen, um sie später aufzurufen. Der Klasse kann ein beliebiger Name gegeben werden. html> head> style> .underline {Textdekoration: unterstreichen; } /style> /head>body> Verwenden Sie diese Klasse für div>schnell unterstreichen /div>verschiedene div>Elemente /div> /body> /html>
5 Überlegen Sie sich andere Möglichkeiten, Text hervorzuheben. Wir empfehlen, Unterstreichungen zu vermeiden, um die Benutzer nicht zu verwirren. Verwenden Sie besser das Tag em>, um den Text kursiv zu machen. Verwenden Sie CSS, um diesem Tag andere Stiloptionen hinzuzufügen. html> Kopf> Stil> em {Farbe: rot; } /style> /head> body> Alles im "em"-Element wird kursiv gedruckt (standardmäßig) und dank der zusätzlichen Stiloptionen auch rot / em> gefärbt. / Körper> / html>
Methode 2 von 2: Legacy-Methode
1 Vermeiden Sie die Verwendung der alten u> / u>-Tags. Sie sind veraltet, was bedeutet, dass diese Tags noch funktionieren, aber davon abgeraten oder abgeraten werden. Dies liegt daran, dass HTML nicht dazu gedacht ist, den Stil des Inhalts anzupassen. Das u>-Tag funktioniert weiterhin, muss jedoch Text darstellen, der sich von anderem Text unterscheidet, beispielsweise falsch geschriebene Wörter oder chinesische Eigennamen. 
2 Verwenden Sie u> / u> -Tags, um Elemente zu unterstreichen (nur zu Demonstrationszwecken). Es gibt kaum einen Fall, in dem Sie diese Tags verwenden müssen. Möglicherweise müssen Sie die alte Site bearbeiten, daher ist es am besten, die Tags zu kennen. html>body> Das alte HTML-u>-Tag machte es möglich, /u>-Elemente schnell zu unterstreichen, aber wenn andere Styling-Elemente berührt wurden, wurde es chaotisch. Daher verwenden sie heutzutage das CSS-Element "text-decoration" zum Unterstreichen. / Körper> / html>
Tipps
- Es gibt fast immer eine bessere Möglichkeit, Inhalte auf einer Webseite hervorzuheben, als zu unterstreichen. Unterstreichungen können Benutzer verwirren. Überlegen Sie, wie Sie Text mit CSS hervorheben.
