Einführung in HTML-Textformatierungs-Tags
Die Formatierung von Texten ist ein wichtiger Bestandteil moderner Internetseiten, auch wenn wir uns auf textbasierte Webbrowser beschränkten und Textformate wie Größe, Ausrichtung usw. zur Verfügung standen. Mit modernen HTML-Revisionen gibt es eine Menge HTML-Tags, mit denen Sie den Text ganz nach Ihren Wünschen gestalten können.
Formatieren von Text mit HTML-Tags
Im Folgenden werden einige wichtige HTML-Tags erläutert, die zum Formatieren von Text verwendet werden:
1. Formatieren von Text als fett in einem HTML
HTML verfügt über zwei verschiedene Tags, mit denen der Text fett dargestellt werden kann. Eines ist und das andere ist, während beide eine ähnliche Ausgabe erzeugen. Das Tag ist ein physisches Tag, nur um den Text fett darzustellen, und es fügt dem Browser keinen wichtigen Wert hinzu.
Beispiel
Here is some text in bold.
Here is some text in bold.
Here is some text in bold.
Ausgabe :
Das Tag wird andererseits als logisches Tag betrachtet und wird verwendet, um den Browser darüber zu informieren, dass der Text im Tag eine logische Bedeutung hat.
Beispiel
Dies ist ein wichtiger Inhalt, der mit dem starken Tag formatiert wurde
Normal formatierter Text
Ausgabe:
2. Festlegen von Text als kursiv in HTML5
Genauso wie Sie Text fett formatieren, können Sie Tag und Tag verwenden, um Text in HTML5 kursiv zu formatieren.
Das Verwenden dient genau wie das Verwenden der physischen Anzeige von Text in Kursivschrift und des Tags, während gleichzeitig der Text in Kursivschrift auf dem Display angezeigt wird, um den Browser darauf hinzuweisen, dass er semantische Bedeutung hat.
Beispiel
Dies ist der erste Absatz in Kursivschrift.
Dieser Inhalt ist mit dem em-Tag kursiv gedruckt . Dies ist normaler Text
Ausgabe:
3. Markieren von Text mit HTML-Code
In Situationen, in denen Sie Text mit einem Hervorhebungs-Effekt hervorheben möchten, kann das Tag verwendet werden. Bei Standard-CSS wird der Texthintergrund durch das Tag gelb angezeigt, sodass Sie die Aufmerksamkeit eines Besuchers auf diesen Text lenken können.
Beispiel
This text uses Mark tag to highlight text on the page
This text uses Mark tag to highlight text on the page
This text uses Mark tag to highlight text on the page
This text uses Mark tag to highlight text on the page
Ausgabe:
4. Unterstreichen von Text in HTML
Mit dem HTML-Tag kann dem Text eine Unterstreichung hinzugefügt werden. Achten Sie darauf, keine Unterstreichung mit blauem Text zu verwenden, da dies die Besucher verwirren kann, dass der Text ein Link ist.
Beispiel
Dies ist Text mit Unterstreichung.
Ausgabe:
5. Text durchgestrichen
In Fällen, in denen Sie eine horizontale Linie durch den Text ziehen müssen, können Sie das Tag verwenden. Die Linie ist dünn, so dass der Text, den sie überquert, immer noch gut lesbar ist.
Beispiel
Hier ist ein Satz mit durchgestrichenem Text.
Ausgabe:
6. Schreiben in Monospace-Schrift in HTML
Die Verwendung von Monospace kann in Situationen nützlich sein, in denen Sie etwas zitieren oder Code im Browser anzeigen möchten. Der Monospace-Code macht, wie der Name schon sagt, die Breite jedes Zeichens gleich. Um es in einen Browser zu bekommen, müssen wir tag verwenden.
Beispiel
lt;html>
Dies ist normaler Text. Dies ist ein Beispieltext in Monospace-Schriftarten, ordentlich.
Ausgabe:
7. Tiefgestellter Text in HTML
In Mathematik und Chemie ist die Verwendung von Indizes in vielen Fällen unabdingbar. Auch beim allgemeinen Schreiben können Situationen auftreten, in denen ein tiefgestellter Text zur Verwendung geeignet ist. In HTML funktioniert jeder Text unter dem Tag als Index im Browser.
Beispiel
Dies ist normaler Text Beachten Sie etwas anderes mit diesem Text?
Ausgabe:
8. Gelöschter Text in HTML5
Tag wird als logische Methode verwendet, um dem Browser mitzuteilen, dass Text im Text gelöscht wird. Beachten Sie, dass der angezeigte Text für den Benutzer mit dem Tag im durchgestrichenen Tag identisch ist, dh, er wird im durchgestrichenen Format angezeigt.
Beispiel
Dies ist normaler Text. Dies ist Text zwischen del Tag.
Ausgabe:
9. Hochgestellte Textformatierung in HTML5
Text im Tag wird hochgestellt angezeigt. Dies ist nützlich in Mathematik, Chemie und anderen Bereichen, in denen Mathematik eine Rolle spielt. Sie können das Tag beim Zitieren verwenden, indem Sie In-Page-Links mit hinzufügen.
Beispiel
Dies ist normaler Text. Dieser Text ist hochgestellt.
Ausgabe:
10. Vergrößern Sie den Text mit der HTML-Formatierung
In Fällen, in denen Sie Text in einer größeren Größe auf dem Bildschirm benötigen, jedoch keine Überschrift verwenden oder die Schriftgröße mit einem Tag erhöhen möchten, wird der Inhalt zwischen diesen Tags in einer deutlich größeren Textgröße angezeigt.
Beispiel
Dies ist normaler Text. Dieser Text wird vergrößert angezeigt.
Ausgabe:
11. Verkleinern von Text mit HTML
Ähnlich wie beim Tag können Sie Text auf dem Bildschirm verkleinern, ohne CSS oder Überschriften verwenden zu müssen.
Beispiel:
Dies ist normaler Text. Die Größe dieses Textes ist kleiner
Ausgabe:
Fazit
Nachdem Sie gelernt haben, wie die Formatierung von Text in HTML funktioniert, sollten Sie in der Lage sein, Seiten mit korrektem und professionellem Textlayout und Formatierung zu gestalten. Wenn möglich, sollten Sie normalen Text und Formatierung verwenden und nur bei Bedarf benutzerdefinierte Formatierungen verwenden, um Ihren Seiten ein ordentliches Aussehen zu verleihen. Die Größe des normalen Texts ist ebenfalls wichtig, zu klein, und die Lesbarkeit wird beeinträchtigt. Wenn der Text zu groß ist, werden weniger Informationen auf dem Bildschirm angezeigt.
Empfohlene Artikel
Dies war ein Leitfaden für HTML-Textformatierungs-Tags. Hier erfahren Sie, wie Sie Text mit verschiedenen HTML-Formatierungs-Tags formatieren. Sie können sich auch die folgenden Artikel ansehen, um mehr zu erfahren -
- Wie funktioniert HTML?
- HTML-Befehle
- Was ist XML?
- HTML-Format-Tags