Wie man einen kursiven Text in HTML macht
Hypertext Markup Language (HTML) ist eine Front-End-Sprache, die zum Entwerfen und Entwickeln einer Website verwendet wird. HTML ist die grundlegende Sprache aller Sprachen, die zum Entwerfen statischer oder dynamischer Webseiten verwendet werden. HTML hat viele Funktionen, die beim Entwerfen erforderlich sind. Mit Hilfe von Tags, Befehlen in Winkelklammern, wurde eine Webseite entwickelt. Mit HTML kann der Benutzer Text, Bild oder ein anderes Element wie jeder Texteditor erstellen oder bearbeiten, i.e., Microsoft Word. Der Inhalt von HTML ist Text, Bild, Farbe, Design usw. Design ist ein sehr wichtiger Teil, da es für die Dekoration des Textes verantwortlich ist. Das Kursiv für den Text ist ein Beispiel für das Entwerfen des Textes. Dieses Element ist wichtig, um die Aufmerksamkeit des Benutzers zu betonen oder zu treiben. Einige der Beispiele werden in diesem Tutorial hervorgehoben.
Erforderliche wichtige Wesentliche
HTML benötigt zwei Tools für die Gestaltung und Entwicklung einer Website. Einer ist ein Texteditor, der den HTML -Code darin schreiben muss. Es kann jeder Texteditor in Ihrem Zugriff sein, ich.e., Notepad, Notepad ++, Sublime, Visual Studio usw. Der zweite ist ein Browser auf Ihrem Computer, Google Chrome, Internet Explorer usw. In diesem Artikel haben wir Notepad und Google Chrome verwendet. Für die Gestaltung der statischen Seite benötigen Sie HTML und für das Styling des CSS -Stilblatts. Jeder von ihnen wird in diesem Leitfaden mit Beispielen verwendet.
HTML -Format
Um das Design des kursiven Textes zu erklären, verstehen wir zunächst den Code von HTML. HTML -Code hat zwei Teile. Einer ist der Kopfteil und ein anderer im Körper. Wir geben den Titel in den Kopfteil ein; Dieser Titelname ist eigentlich der Titel der Seite. Interne Styling wird auch im Kopf des Kopfes durchgeführt. Während der Körper alle anderen Tags enthält, die sich auf Text, Bild und Farbe usw. beziehen, usw. Außerdem ist im Körperteil des HTML -Code.
…
… .
Das folgende Bild ist ein Beispielcode von HTML. Sie können sehen, dass der Titelname im Kopfabschnitt geschrieben ist. Gleichzeitig haben wir einen Absatz im Körper von HTML mit dem Tag hinzugefügt
. Dann sind das Body -Tag und HTML -Tags geschlossen.
Die Ausgabe dieser Probe ist im Browser zu sehen. Sie können sehen, dass der Titelname im Registerkartennamen angezeigt wird, den wir im Kopf des HTML -Codes deklariert haben.
HTML hat ein Öffnungs- und Schließetags für alle Tags, die in seinem Körper geschrieben sind. Sobald der Code geöffnet ist, muss nach dem Schreiben von Text geschlossen werden. Das Tag ist mit dem Schrägstrich geschlossen. Der Code wird dann in der Notepad -Datei gespeichert. Eine Sache, die beachtet werden sollte, ist, dass beim Speichern des Code die Datei des Texteditors mit der HTML -Erweiterung gespeichert werden muss. 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.
Dies war der Hintergrund des Entwerfens in HTML. Jetzt werden wir ein einfaches Beispiel verwenden, um den Text kursiv zu machen.
Beispiel 1
Nehmen Sie eine Notepad -Datei ein und schreiben Sie den einfachen HTML -Code, wie zuvor in diesem Handbuch beschrieben. Fügen Sie einen Absatz von zwei Linien in den Körperteil hinzu. Um den Text kursiv zu machen. Verwenden Sie das Tag Zu Beginn der Wörter möchten Sie in kursiv Form sein
…Dies ist das Tag, um den Text kursiv zu machen. Wie Sie im folgenden Bild sehen können, die ist das Eröffnungs -Tag, das zu Beginn geschrieben wurde und ist das Schlussetikett. Schließen Sie den Körper und HTML.
Speichern Sie nun die Datei und führen Sie sie im Browser aus, um die Ausgabe der Datei anzuzeigen.
Aus der Ausgabe können Sie beobachten, dass der Satz, den wir im Code abgeschlossen haben.
Beispiel 2
In diesem Beispiel werden wir anstelle des gesamten Satzes des Textes ein bestimmtes Wort in kursiv Form erstellen. Das Öffnen und Schließen von Tags werden im gesamten Absatz verwendet, wo immer wir den Text kursiv machen möchten.
Speichern Sie nun die Datei und führen Sie sie dann im Browser aus. Sie sehen.
Beispiel 3
Neben der Verwendung der Tag im Text gibt es eine andere Methode. Dies ist der Ansatz, um einen Teil des Textes hervorzuheben. Dieses Tag hat auch ein Öffnungs- und Schließetiketts. Die dafür verwendete Syntax ist;
… .Der Text ist zwischen den beiden Tags geschrieben; In diesem Beispiel haben wir dieses Tag zweimal im Absatz verwendet. Lassen Sie uns das Bild des unten platzierten Codes sehen.
In beiden Sätzen haben wir verwendet einmal im Absatz. Die Ausgabe wird erhalten, indem die HTML -Datei im Browserformat ausgeführt wird.
Beispiel 4
Dies ist das Beispiel, in dem wir einen weiteren Ansatz verwendet haben, um die Wörter in kurioden Form zu zeigen. Es impliziert die Verwendung im Text. In diesem Beispiel haben wir dieses Tag auf den gesamten Text im Körper von HTML angewendet.
…Führen Sie nach dem Schließen aller Tags die Datei im Browser aus.
Beispiel 5
Bis jetzt haben wir das Inline -Styling des Textes besprochen. Eine kursive Form des Textes bezieht sich auch auf das Styling und Design des Textes. Das Styling ist von drei Typen. Einer ist inline, der zweite ist intern und der dritte ist extern. Inline -Styling erfolgt im Tag. Innen ist im Körper des Kopfes geschrieben. Und externes Styling erfolgt in einer anderen Datei mit der Erweiterung von .CSS.
Dies ist ein Beispiel für Inline -CSS; Hier haben wir den Code in die Tags des Absatzes geschrieben. Wir haben die Style-Statement als Schriftstil als kursiv erklärt. Diese Anweisung ist im Tag geschrieben, sodass sie kein Schlussetikett enthält, wie Sie im obigen Bild sehen können. Schließen Sie jetzt alle Tags und führen Sie sie im Browser aus. Es zeigt die gleichen Ergebnisse wie gewünscht.
Beispiel 6
Nach Inline werden wir nun das Beispiel des internen Stylings hinzufügen. Hier wird eine Klasse im Kopfabschnitt hinzugefügt. Dann wird der Name der Klasse im Absatz -Tag im Körper des HTML deklariert. So dass es leicht zugänglich ist.
Sie können sehen, dass die Klasse mit der DOT -Methode initialisiert wird. Es gibt zwei Absätze im Code; Wir haben dieses Styling auf einen von ihnen angewendet. Es ist also nützlich, wenn wir einen Absatz formatieren möchten.
Die Klassenerklärung im Absatz ist;
Dies wird auf die Klasse im Kopf zugreifen. Jetzt sehen Sie die Ausgabe. Sie werden feststellen, dass einer der Absätze in Form von izalisch ist.
Abschluss
Dieser Artikel repräsentiert die Formatierung des Textes in kursiven Form. Das Designen von Text ist ein wesentlicher Bestandteil der Gestaltung einer Webseite.