HTML -Textformatierung
Um jedes Dokument klar und lesbar zu machen, müssen wir die Textformatierung des Dokuments berücksichtigen. Die Textformatierung besteht aus zwei Arten, qualitativ, wie der Schriftfamilie und quantitativ, wie Schriftgröße, Farbe und mehr. In HTML können verschiedene Elemente verwendet werden, um Formatierungsstile auf die Dokumentelemente anzuwenden.
In diesem Beitrag führen Sie sich an:
- HTML -Formatierungsstile
- Wie man mutiger Text in HTML hat?
- Wie man Text in HTML kursivisiert?
- Wie man STIKTHROUGH -Text in HTML macht?
- So fügen Sie Text als Index in HTML hinzu?
- So fügen Sie Text als Superscript in HTML hinzu?
- So unterstreichen Sie Text in HTML?
- Wie man den Text in HTML betont?
- Wie man Text in HTML so stark macht?
- Wie man kleine Text in HTML macht?
HTML -Formatierungsstile
Im Folgenden finden Sie mehrere HTML -Textformatierungsstile:
- Deutlich
- Kursiv
- Schlägen
- Index
- Superscript
- Unterstreichen
- Betonen
- Stark
- Klein
Lassen Sie uns einige von ihnen nacheinander mit Beispielen implementieren.
Wie man mutiger Text in HTML hat?
Die HTML "Das Tag wird verwendet, um den Text zu fetten, um die Aufmerksamkeit des Benutzers auf den Text zu erregen.
Beispiel
In HTML im Körperelement hinzufügen
Tag für die Überschrift und
Tag für einen Text. Dazwischen
Element, wir haben das platziert Startetag und Schließen von Tag. Der Inhalt zwischen diesen Tags wird zu fett formatiert.
Html
Deutlich
In diesem Absatz definiert deutlich.
In CSS würden diese erwähnten Tags mit mehreren Stileigenschaften für eine bessere Präsentation angewendet.
Stil alle Elemente
*Schriftfamilie: Genf, Sans-Serif, Verdana, Tahoma;
Das Sternchen ( * ) Das Zeichen wird in CSS verwendet, um alle Elemente auf die gleichen Eigenschaften anzuwenden. Also das "SchriftfamilieDie Eigenschaft jedes Elements wird als "festgelegt"Verdana, Genf, Tahoma, serifenlos”. Diese Werteliste wird bereitgestellt, um sicherzustellen, dass die ersten nicht vom Browser unterstützt werden, andere auf die Elemente angewendet werden.
Stil Div -Behälter
.ContainerHintergrundfarbe: RGB (238, 165, 157);
Breite: 90%;
Rand: Auto;
Polsterung: 10px;
Grenze: 3px gestrichelt braun;
Schriftgröße: 20px;
Hier:
- “HintergrundfarbeDie Eigenschaft legt die Hintergrundfarbe des DIV -Elements fest.
- “BreiteDie Eigenschaft mit einem Wert von 90%setzt die Breite des Divelelements auf 90%.
- “Rand”Eigenschaft mit Wert“Auto”Fügt den gleichen Raum um ein Element um.
- “Polsterung”Eigenschaft fügt den Abstand um den Inhalt des Div -Haupts.
- “Grenze”Eigenschaft passt einen Rand der Breite 3px an, eine gestrichelte Linie mit der Farbe Braun.
- “SchriftgrößeDie Eigenschaftssätze setzt/passt die Größe des Textes auf 20px an/passt/passt an.
Aus dem folgenden Bild ist klar, dass der ausgewählte Text fett formatiert ist:
Wie man Text in HTML kursivisiert?
Oft muss ein Dokument den Text kursivisieren, um ein Zitat oder eine Definition anzuzeigen. Verwenden Sie dazu die “" Schild.
Beispiel
Fügen Sie in HTML die Start- und Schluss -Tags von hinzu Tag vor und nach dem Teil, um wie folgt kursiv zu sein:
In diesem Absatz definiert Kursiv.
Ausgang
Wie man STIKTHROUGH -Text in HTML macht?
Der STICKHROUGH -Text bezieht sich auf den Text, der eine Zeile durch sie hat. Es ist einfach, wenn Sie die HTML verwenden “" Schild.
Beispiel
Fügen Sie das Start -Tag und das Schließetikett zum Teil des Textes hinzu, der wie unten gezeigt zu einem Strikethrough gemacht werden soll:
In diesem Absatz definiert Schlägen.
Ausgang
So fügen Sie Text als Index in HTML hinzu?
Das Index ist der kleine Text, der geringfügig unter dem Text angezeigt wird. Zum Beispiel in mathematischen Ausdrücken. Die HTML "Das Tag kann dafür verwendet werden.
Beispiel
Der folgende HTML -Code repräsentiert a
Tag mit einem Teil des Textes im Inneren der Schild:
In diesem Absatz definiert Index.
Es ist aus dem folgenden Bild zu ersichtlich und Schließetikett wird als Indextext formatiert:
So fügen Sie Text als Superscript in HTML hinzu?
Das Superscript ist der kleine Text, der leicht über der normalen Textzeile erscheint. Darüber hinaus, um einen Text -Superscript HTML zu erstellen “”Tag wird verwendet.
Beispiel
Hier ist der Code, der den darstellt
Element. Ein Teil des Absatzes liegt innerhalb der Tag wie im folgenden Code gezeigt:
In diesem Absatz definiert Superscript.
Der ausgewählte Textteil ist erfolgreich als Superscript formatiert:
So unterstreichen Sie Text in HTML?
Manchmal ist es notwendig, einen Text als unterstrichen zu markieren. Zu diesem Zweck ein Textformatierungselement “”Wird in HTML unterstützt.
Beispiel
Unten HTML -Code zeigt
Das Element mit einem Teil liegt in den Start- und Schluss -Tags:
In diesem Absatz definiert unterstreichen.
Ausgang
Wie man den Text in HTML betont?
In den meisten Dokumenten, um besondere Aufmerksamkeit der Leser auf sich zu ziehen, ist der Text formatiert, um hervorzuheben. Die HTML "Das Tag wird verwendet, um den Text kursiv zu machen. Die Leser betonen ihre Stimmen, wenn sie den betonten Text lesen.
Beispiel
Hier die Start- und Schließen von Tags von Element werden im Absatz verwendet:
In diesem Absatz definiert Betonen.
Ausgang
Wie man Text in HTML so stark macht?
Die HTML "Element wird verwendet, wenn es erforderlich ist, Wichtigkeit und Dringlichkeit durch Text zu zeigen. Es hat einen Startetikett und ein Schlussetikett .
Beispiel
Lassen Sie uns die Arbeit von beobachten Element durch Implementierung in HTML:
In diesem Absatz definiert stark.
Ausgang
Wie man kleine Text in HTML macht?
Die HTML "Element wird verwendet, um die Schriftgröße klein zu machen.
Beispiel
Der folgende Codeabschnitt enthält
Element mit einigen Inhalten und einem Teil davon liegt zwischen dem Tag:
In diesem Absatz definiert klein.
Ausgang
Wir haben verschiedene HTML -Formatierungsstile und ihre Anwendungen besprochen.
Abschluss
Die Textformatierung spielt eine wichtige Rolle bei der Klarheit und lesbarer Dokument. Ein gut formatiertes Dokument hält die Aufmerksamkeit des Benutzers und hilft beim Verständnis. Um ein HTML-Dokument gut formatiert zu machen, gibt es verschiedene Formatierungs-Tags wie "wie"","","","”, Und mehr, das entsprechend genutzt werden kann. Dieser Blog hat die Elemente erklärt, um Text in HTML mit praktischen Beispielen zu formatieren.