Hypertext Markup Language (HTML) ist eine Front-End-Sprache, die zum Entwerfen und Entwickeln einer Website verwendet wird. HTML ist die Basissprache 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 spitzen Klammern, wird eine Webseite entworfen. HTML ermöglicht es dem Benutzer, Text, Bilder oder jedes andere Element wie jeden Texteditor, d. h. Microsoft Word, zu erstellen oder zu bearbeiten. Die Inhalte von HTML sind Text, Bild, Farbe, Design usw. Design ist ein sehr wichtiger Teil, da es für die Dekoration des Textes verantwortlich ist. Die Kursivschrift des Textes ist ein Beispiel für die Gestaltung des Textes. Dieses Element ist wichtig, um die Aufmerksamkeit des Benutzers zu betonen oder zu lenken. Einige der Beispiele werden in diesem Tutorial hervorgehoben.
Erforderliche Grundlagen
HTML erfordert zwei Werkzeuge für das Design und die Entwicklung einer Website. Einer ist ein Texteditor, der benötigt wird, um den HTML-Code darin zu schreiben. Es kann ein beliebiger Texteditor in Ihrem Zugang sein, dh 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 . verwendet Google Chrome. Zum Gestalten der statischen Seite benötigen Sie HTML und zum Stylen des CSS-Stylesheets. Jeder von ihnen wird in diesem Handbuch mit Beispielen verwendet.
HTML-Format
Um die Gestaltung des kursiven Textes zu erklären, verstehen wir zunächst den Code von HTML. HTML-Code besteht aus zwei Teilen. Einer ist der Kopfteil und ein anderer im Körper. Wir fügen den Titel in den Kopfteil ein; dieser Titelname ist eigentlich der Titel der Seite. Das interne Styling erfolgt auch im Inneren des Kopfes. Während der Body alle anderen Tags enthält, die sich auf Text, Bild und Farbe usw. beziehen, wird alles, was Sie der HTML-Seite hinzufügen möchten, in den Body-Teil des HTML-Codes geschrieben.
< html >
< Kopf >...</ Kopf >
< Karosserie >….</ Karosserie >
</ html >
Das folgende Bild ist ein Beispielcode von HTML. Sie können sehen, dass der Titelname in den Kopfteil geschrieben ist. Gleichzeitig haben wir einen Absatz im HTML-Text hinzugefügt, indem wir tag . verwenden
. dann werden das body-Tag und die html-Tags geschlossen.
Die Ausgabe dieses Beispiels wird im Browser angezeigt. Sie sehen, dass der Titelname im Tabnamen angezeigt wird, den wir im Kopf des HTML-Codes deklariert haben.
HTML hat ein öffnendes und ein schließendes Tag für alle Tags, die in seinem Körper geschrieben sind. Sobald der Code geöffnet ist, muss er geschlossen werden, nachdem Text dazwischen geschrieben wurde. Das Tag wird mit dem Schrägstrich darin geschlossen. Der Code wird dann in der Notepad-Datei gespeichert. Zu beachten ist, dass beim Speichern des Codes die Datei des Texteditors mit der Endung html gespeichert werden muss. Beispiel: Beispiel.html. dann sehen Sie, dass die Datei mit dem Icon des aktuell von Ihnen verwendeten Browsers gespeichert wird.
Dies war der Hintergrund des Entwerfens in HTML. Nun verwenden wir ein einfaches Beispiel, um den Text kursiv zu machen.
Beispiel 1
Nehmen Sie eine Notizblockdatei und schreiben Sie den einfachen HTML-Code, wie zuvor in diesem Handbuch beschrieben. Fügen Sie im Hauptteil einen Absatz mit zwei Zeilen hinzu. Um den Text kursiv zu machen. Verwenden Sie das Tag am Anfang der Wörter, die Sie kursiv schreiben möchten
< ich > ……</ ich >Dies ist das Tag, um den Text kursiv zu schreiben. Wie Sie im unteren Bild sehen können, ist die ist das öffnende Tag, das am Anfang geschrieben wird und ist das schließende Tag. Schließen Sie den Textkörper und HTML.
Speichern Sie nun die Datei und führen Sie sie im Browser aus, um die Ausgabe der Datei anzuzeigen.
An der Ausgabe können Sie erkennen, dass der Satz, den wir im Code kursiv gesetzt haben, kursiv ist, während der erste Satz in einem normalen Format erscheint.
Beispiel 2
In diesem Beispiel werden wir ein bestimmtes Wort in kursiver Form anstelle des ganzen Satzes des Textes schreiben. öffnende und schließende Tags werden im gesamten Absatz verwendet, wo immer wir den Text im Satz kursiv machen möchten.
Speichern Sie nun noch einmal die Datei und führen Sie sie dann im Browser aus. Sie können sehen, dass ein bestimmter Teil des Textes kursiv ist, den wir im Code kursiv machen möchten.
Beispiel 3
Neben der Verwendung der -Tag im Text gibt es eine andere Methode, um den Text kursiv zu schreiben. Dies ist der Ansatz, um einen Teil des Textes hervorzuheben. Dieses Tag hat auch ein öffnendes und ein schließendes Tag. Die dafür verwendete Syntax ist ;
< in >….</ in >Der Text wird zwischen die beiden Tags geschrieben; In diesem Beispiel haben wir dieses Tag im Absatz zweimal verwendet. Sehen wir uns das Bild des unten platzierten Codes an.
In beiden Sätzen haben wir verwendet einmal im Absatz. Die Ausgabe erfolgt durch Ausführen der HTML-Datei im Browserformat.
Beispiel 4
Dies ist das Beispiel, in dem wir einen anderen Ansatz verwendet haben, um die Wörter in kursiver Form anzuzeigen. Es impliziert die Verwendung von im Text. In diesem Beispiel haben wir dieses Tag auf den gesamten Text im HTML-Text angewendet.
< Zitieren > ……</ zitieren > 
Nachdem Sie alle Tags geschlossen haben, führen Sie die Datei im Browser aus.
Beispiel 5
Bisher haben wir das Inline-Styling des Textes besprochen. Die Kursivschrift bezieht sich auch auf die Gestaltung und Gestaltung des Textes. Es gibt drei Arten von Styling. Einer ist inline, der zweite intern und der dritte extern. Das Inline-Styling erfolgt innerhalb des Tags. Intern wird in den Körper des Kopfes geschrieben. Und das externe Styling erfolgt in einer anderen Datei mit der Erweiterung .css.
Dies ist ein Beispiel für Inline-CSS; Hier haben wir den Code in die Tags des Absatzes geschrieben. Wir haben die Stilaussage als font-style als kursiv deklariert. Diese Anweisung wird in das Tag geschrieben, hat also kein schließendes Tag, wie Sie im obigen Bild sehen können. Schließen Sie nun alle Tags und führen Sie sie im Browser aus. Es zeigt die gleichen Ergebnisse, wie wir es uns gewünscht haben.
< P Stil=machen-Stil: kursiv;> 
Beispiel 6
Nach Inline fügen wir nun das Beispiel des internen Stylings hinzu. Hier wird eine Klasse innerhalb des Kopfteils hinzugefügt. Dann wird der Name der Klasse innerhalb des Absatz-Tags im Hauptteil des HTML-Codes deklariert. Damit es leicht zugänglich ist.
< Kopf >< Stil >
.zu{
Machen-Stil: kursiv;
}
</ Stil ></ Kopf >
Sie können sehen, dass die Klasse mit der Punktmethode initialisiert wird. Der Code enthält zwei Absätze; Wir haben dieses Styling auf einen von ihnen angewendet. Dies ist also nützlich, wenn wir einen Absatz formatieren möchten.
Die Klassendeklaration innerhalb des Absatzes lautet;
< P Klasse=a>< P Klasse='zu'>
Dadurch wird auf die Klasse im Kopf zugegriffen. Sehen Sie sich nun die Ausgabe an. Sie werden feststellen, dass einer der Absätze kursiv geschrieben ist.
Abschluss
Dieser Artikel stellt die Formatierung von Text in kursiver Form dar. Die Textgestaltung ist ein wesentlicher Bestandteil der Gestaltung einer Webseite.