HTML5 stellte die “vor”Tag, das verwendet werden kann, um eine bestimmte in sich geschlossene Komponente in jedem Dokument, Anwendung oder Website darzustellen. Diese HTML -Komponente kann wiederverwendbar und verteilt werden, z. B. in einem Forumbeitrag, einem Magazin, einem Blog -Beitrag und mehr.

Diese Studie unterrichtet Ihnen über das HTML -Tag. So lass uns gehen!

Was ist HTML -Tag?

Das Element und das Element funktionieren ähnlich in Bezug auf Funktionalität, Styling und Anzeige. Das Tag in einem Dokument enthält jedoch mehr semantische Informationen an Suchmaschinen und Bildschirmleser. Darüber hinaus enthält eine HTML -Datei mehrere Tags, die verschachtelt werden können.

So verwenden Sie HTML -Tag?

Um das HTML-Tag zu verwenden, folgen Sie der folgenden Syntax:

Hier, ""Ist das StartetikIst das Endetikett.

Lassen Sie uns ein Beispiel für die Demonstration der Tag -Nutzung durchgehen.

Beispiel: Verwenden Sie das Tag in HTML

Fügen Sie in HTML zunächst ein Tag mit einer Klasse mit dem Namen "hinzuAll-Os" und das

für die Überschrift. Fügen Sie dann ein weiteres Tag mit einer Klasse mit dem Namen "hinzu“Betriebssystem”. Geben Sie in diesem Tag die an

für die Überschrift und

für einen Absatz. Danach schließen Sie die beiden verschachtelten Tags ein

Und

Tags wie folgt:

Die beliebtesten Betriebssysteme

Fenster

Windows ist eine Gruppe mehrerer proprietärer grafischer Betriebssysteme. Es wurde von Microsoft entwickelt und vermarktet.

Linux

Linux ist ein Open-Source-Betriebssystem, das auf dem Linux-Kernel basiert. Es ist normalerweise als Linux -Verteilung verpackt.

Mac OS

MacOS ist ein UNIX -Betriebssystem, das von Apple Inc entwickelt und vermarktet wird. Es ist als Hauptbetriebssystem für Apples Mac -Computer bekannt.

Der nächste Abschnitt beschreibt die CSS-Stile, die auf die oben genannten HTML-Elemente angewendet werden.

Stil All-Os Div

.All-os
Rand: 0;
Polsterung: 5px;
Hintergrundfarbe: RGB (155, 155, 155);

Die DIV mit dem Klassennamen “All-Os”Ist so gestaltet:

• • “.All_os”Wird verwendet, um auf die Verwandte zuzugreifen .
  • “RandEigenschaft wird verwendet, um Platz um das Div -Element zu verleihen.
  • “PolsterungDie Eigenschaft fügt Platz um den Inhalt des DIV -Elements hinzu.
  • “Hintergrundfarbe”Wird so eingestellt, dass die Hintergrundfarbe des DIV -Elements angewendet wird.

Stil os div

.os
Rand: 10px;
Polsterung: 5px;
Hintergrund: weiß;

Wenden Sie Stile auf den nächsten Namen an “Betriebssystem”. Die Beschreibung der Eigenschaften ist unten angegeben:

• • “.Betriebssystem”Zugriff auf das mit dem Namen des Namens.
  • “Rand”Eigenschaft fügt einen Raum von 10px um die DIV hinzu.
  • “Polsterung”Eigenschaft fügt einen Platz von 5px um den Inhalt des DIV -Elements hinzu.
  • “HintergrundfarbeDie Eigenschaft legt die Hintergrundfarbe des Div -Elements fest.

Nach der Bereitstellung der CSS -Styling -Eigenschaften für die oben genannten Tags wird der Absatz gestaltet, indem die unten erwähnten Eigenschaften festgelegt werden.

Stil P -Element

P
Rand: 3px;
Schriftgröße: 15px;

Die folgenden Eigenschaften werden auf die angewendet

Element:

• • “RandEigenschaft fügt 3px Platz um den Inhalt des Elements hinzu.
  • “SchriftgrößeDie Eigenschaft legt die Textschriftgröße als 15px fest.

Speichern Sie den hinzugefügten Code und öffnen Sie die Datei in Ihrem Browser. Das Ergebnis wird wie unten gezeigt angezeigt:

Das obige Dokument kann mehrere Artikel haben, und die Erklärung zu jedem Betriebssystem ist im Tag enthalten. Darüber hinaus wird ein Artikel nach dem anderen als der Bildschirm angezeigt.

So können wir mithilfe des HTML.

Abschluss

Wie wir wissen, schreiben Artikelautoren oder Blogger das Dokument, indem sie das Kernkonzept des Themas berücksichtigen. Ebenso werden in HTML die Tags verwendet, um Inhalte zu erwähnen, die vollständig enthalten und unabhängig sind. Darüber hinaus kann es in einer HTML -Datei ein oder mehrere Tags geben, die verschachtelt werden können. Diese Studie hat die Verwendung von Tag mit einem Beispiel erklärt.