So unterstreichen Sie Text in HTML

Hypertext Markup Language (HTML) ist eine Sprache, die das Front-End jeder Website entwirft, die statisch oder dynamisch sein kann. Websites, die im Internet vorhanden sind und online wie Magento und WordPress aufgebaut sind. Wie andere Programmiersprachen hat HTML auch Befehle, die als Tags bekannt sind, und diese Tags sind in Winkelklammern geschrieben. Wie jeder andere Texteditor ermöglicht HTML auch Text, Bilder, Videos oder andere Elemente im Code. Der grundlegende Inhalt von HTML ist Text. HTML enthält viele Funktionen, die für den Text angewendet werden können, um die Funktion des Designs zu verbessern. Die Unterstreichung des Textes ist eine grundlegende und wichtige Funktion zum Entwerfen des Textes entsprechend der Nachfrage und den Anforderungen der Website. Wenn der Text unterstrichen ist, hat er etwas anderes zu zeigen oder hat einen anderen Einfluss auf den Leser. Wir werden einen Teil des Inhalts der Unterstreichung des Textes in diesem Leitfaden beleuchten.

Erforderliche wichtige Wesentliche

Es gibt zwei grundlegende Tools für die Implementierung von HTML -Code sind:

• Ein Texteditor
• Ein Browser

Es werden zwei Software verwendet; Einer wird als Eingang und der andere als Ausgang verwendet. Wir schreiben den Code in einem Tool und von dem anderen können wir die Ausgabe sehen. Ein Texteditor nimmt den Code auf. Standardmäßig hat das Fenster einen Notepad -Editor, damit wir dies in unserem Tutorial verwenden werden. Ein Browser ist eine Plattform, die erforderlich ist, um die HTML -Datei darin auszuführen. Standardmäßig verfügt Windows über einen Internet -Explorer, der die Textdateien ausführt. Außerdem brauchen wir HTML- und CSS -Tags, um diese Aufgabe zu erfüllen.

Format und Syntax

Das Konzept der Unterstreichung des Textes kann möglich sein, indem die grundlegenden Funktionen und Merkmale von HTML kennen. Der HTML -Körper ist in zwei Teile unterteilt. Einer ist der Kopf und der zweite der Körper. Der Kopfteil ist zuerst geschrieben; In diesem Teil fügen wir den Webseitenentitel hinzu. Dieser Titel ist sichtbar, wenn wir die HTML -Seite im Browser ausführen. Das innere Styling wird auch im Kopf des Kopfes eingeführt. Gleichzeitig enthält der Körperteil alle anderen Tags, einschließlich Text, Bild usw.

HTML hat ein Öffnungs- und Schließetiketts. Beide Tags werden vor und nach dem Text geschrieben. Der HTML -Code, der in den Notepads geschrieben ist. Der .Die TXT -Erweiterung wird als Code gespeichert, während es mit HTML für den Browser gespeichert wird. Die Datei des Texteditors muss mit der HTML -Erweiterung gespeichert werden. Zum Beispiel Beispiel.html. Dann sehen Sie, dass die Datei mit dem Symbol des aktuellen Browsers gespeichert wird, den Sie für diesen Zweck verwenden.

Das folgende Bild ist ein Beispielcode von HTML. Im Kopfabschnitt haben wir den Namen des Titels hinzugefügt. Und im Körperteil wird ein Absatz -Tag hinzugefügt.

Die Ausgabe wird im Bild nachstehend angezeigt. Der Absatz wird auch standardmäßig ohne Formatierung angezeigt.

Beispiel 1

In dieser Illustration ändern wir nichts im Kopf. Wir haben einen Absatz hinzugefügt, der in der Stichprobe des HTML -Codes erörtert wurde. Der Absatz hat drei Zeilen. Wir wollen die mittlere Linie des Absatzes unterstreichen.

Dieses Tag hat auch ein End -Tag wie andere. Wir haben die benutzt
Tag im Absatz, der verwendet wird, um zur nächsten Zeile zu wechseln. Es hat auch eine Eröffnungs- und End -Tags. Aber hier kann auch nur das End -Tag verwendet werden.

Speichern Sie nun die Datei und führen Sie die Datei im Browser aus.

Aus der Ausgabe sehen Sie, dass die mittlere Zeile des Absatzes durch das Tag unterstrichen ist, das wir im HTML -Tag verwendet haben.

Beispiel 2

Im ersten Beispiel haben wir den gesamten Satz unterstrichen. Aber in diesem Fall wollen wir nur ein einzelnes Wort dominieren. Also werden wir das Untersteuer -Tag mit diesem Wort verwenden. Die Syntax für diesen Ansatz ist auch die gleiche. Lassen Sie uns das Beispiel des unten angegebenen Codes sehen.

Wenn wir den Code im Browser ausführen, erhalten wir das Ergebnis wie dieses.

Beispiel 3

Dies ist ein Beispiel für das Inline -Styling. Dieser Stil wird im Absatz -Tag oder im Überschriften -Tag hinzugefügt, was auch immer Sie formatieren möchten. In diesem Beispiel müssen wir den Stilcode in das Überschriften -Tag schreiben, um das Ergebnis zu erzielen und ihn zu verstehen. Außerdem bleibt der gesamte Text intakt.

Die Textausrichtung und Formatierung der Text sind wie den Text mutig, kursiv usw. sind der Hauptbestandteil der Webseite und werden als Dekorationsgegenstände angesehen. Das Tag enthält also die Anweisung Text Decoration darin. Speichern Sie nun den Text und führen Sie die Datei im Browser aus. Aus der Ausgabe können Sie feststellen, dass die Überschrift unterstrichen ist, während ein weiterer Text nicht darauf zurückzuführen ist, dass wir den Inline -Text nur im Überschriften -Tag angewendet haben.

Beispiel 4

Dies ist ein Beispiel für internes Styling. Dies bedeutet, dass das Style -Tag im Kopfkörper der HTML geschrieben ist. Eine Klasse wird mit einem Namen eines Punktes deklariert. Diese Klasse wird im Style -Tag initialisiert. Dies geschieht so, dass die Formatierung durch den Zugriff auf die Klasse einfach erfolgt. Während das Stil -Tag und die Beschreibung das gleiche wie das interne CSS sind.

Der gesamte Text im Absatz wird durch Hinzufügen des Namens der Klasse unterstrichen. Führen Sie den Code der Datei im Browser aus.

So wird das unterstrichene Tag in der Klasse mit Hilfe des internen Tags beschrieben.

Aus der Ausgabe können Sie die Arbeit der Tags im HTML -Körper sehen.

Beispiel 5

Dies ist auch ein Beispiel für interne CSS. In dem der im Kopfkörper geschriebene Stilcode gleich ist.

Hier ist unterstreicht der Name der Klasse. Während das Tag, das im Tag geschrieben ist, um anzuzeigen, unterscheidet sich der Name der Klasse von dem Tag. Es ist nicht notwendig, jedes Mal zu verwenden, also verwenden wir anstelle von .

Sie können die Ausgabe anzeigen.

Beispiel 6

Meistens möchten Sie einen anderen Text auf andere Weise als eine gerade Linie unterstreichen. Oder Sie haben festgestellt. Dieser Ansatz hat auch eine Klassenerklärung im Kopfkörper. Während die Klasse auch im Tag eingeführt wird.

Sie können beobachten, dass in den vorherigen Beispielen die Textdekoration unterstreicht, da die unterstrichene Zeile standardmäßig gerade ist. Aber Sie können Locken in ihnen machen, um es wellig zu machen. Es wäre am besten, wenn Sie dieses Tag im internen Tag erwähnt haben. Der Ausgang kann im Browser angezeigt werden.

Ausgang:

Abschluss

In diesem Artikel werden die Beispiele zur Unterstreichung des Textes erläutert. Viele Ansätze werden verwendet, um die Textdatei zu speichern und auszuführen, um die Ergebnisse auf einer Webseite oder einer Website zu erhalten.