HTML-Artikel-Tag

Html Artikel Tag



HTML5 führte das „ ”-Tag, das verwendet werden kann, um eine bestimmte eigenständige Komponente in einem Dokument, einer Anwendung oder einer Website darzustellen. Diese HTML-Komponente kann wiederverwendbar und verbreitet werden, z. B. in einem Forumsbeitrag, einem Magazin, einem Blogbeitrag und mehr.

In dieser Studie lernen Sie das HTML-

-Tag kennen. So lass uns gehen!







Was ist HTML
Tag?

Das

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



Wie verwendet man das HTML
Tag?

Um das HTML-Tag

zu verwenden, befolgen Sie die unten angegebene Syntax:



< Artikel > Artikel >


Hier, ' “ ist das Start-Tag und „

“ ist das End-Tag.





Lassen Sie uns ein Beispiel durchgehen, um die Verwendung des

-Tags zu demonstrieren.

Beispiel: Verwenden des

-Tags in HTML



Fügen Sie in HTML zunächst ein

-Tag mit einer Klasse namens „ All-OS “ und das

für die Überschrift. Fügen Sie dann ein weiteres
-Tag mit einer Klasse namens „ Sie “. Geben Sie innerhalb dieses
-Tags

für die Überschrift und

für einen Absatz an. Fügen Sie danach die beiden

-Tags, verschachtelt mit den

- und

-Tags, wie folgt ein:

< Artikel Klasse = 'all-OS' >
< h1 > Die beliebtesten Betriebssysteme h1 >
< Artikel Klasse = 'Sie' >
< h2 > Windows h2 >
< p > Windows ist eine Gruppe mehrerer proprietärer grafischer Betriebssysteme. Es wird von Microsoft entwickelt und vertrieben. p >
Artikel >
< Artikel Klasse = 'Sie' >
< h2 > Linux h2 >
< p > Linux ist ein Open-Source-Betriebssystem, das auf dem Linux-Kernel basiert. Es ist normalerweise verpackt wie eine Linux-Distribution. p >
Artikel >
< Artikel Klasse = 'Sie' >
< h2 > Mac OS h2 >
< p > macOS ist ein Unix-Betriebssystem, das von Apple Inc. entwickelt und vertrieben wird. Es ist bekannt wie das Hauptbetriebssystem zum Apfel Mac-Computer von .




Im nächsten Abschnitt werden die CSS-Stile beschrieben, die auf die oben erwähnten HTML-Elemente angewendet werden.



Stil all-OS div

.all-OS {
Rand: 0 ;
Polsterung: 5px;
Hintergrundfarbe: rgb ( 155 , 155 , 155 ) ;
}


Das div mit dem Klassennamen „ All-OS “ ist so gestaltet:

    • .all_OS “ wird verwendet, um auf das zugehörige
      zuzugreifen.
    • Rand ”-Eigenschaft wird verwendet, um Platz um das div-Element herum hinzuzufügen.
    • Polsterung ”-Eigenschaft fügt Leerraum um den Inhalt des div-Elements hinzu.
    • Hintergrundfarbe “ ist so eingestellt, dass die Hintergrundfarbe des div-Elements angewendet wird.

Stil os div

.Sie {
Rand: 10px;
Polsterung: 5px;
Hintergrund: weiß;
}


Stile auf das nächste

mit dem Namen „ anwenden Sie “. Die Beschreibung der Eigenschaften ist unten angegeben:

    • .Sie ” Greifen Sie auf
      mit dem Namen os zu.
    • Rand ”-Eigenschaft fügt einen Abstand von 10 Pixel um das div hinzu.
    • Polsterung ”-Eigenschaft fügt einen Abstand von 5 Pixeln um den Inhalt des div-Elements hinzu.
    • Hintergrundfarbe ”-Eigenschaft legt die Hintergrundfarbe des div-Elements fest.

Nachdem die CSS-Styling-Eigenschaften für die oben genannten

-Tags bereitgestellt wurden, wird der Absatz formatiert, indem die Eigenschaften wie unten erwähnt festgelegt werden.

Stil p-Element

p {
Rand: 3px;
Schriftgröße: 15px;
}


Die folgenden Eigenschaften werden auf das Element

angewendet:

    • Rand ”-Eigenschaft fügt 3 Pixel Platz um den Inhalt des Elements hinzu.
    • Schriftgröße ”-Eigenschaft legt die Schriftgröße des Textes auf 15 Pixel fest.

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


Das oben bereitgestellte Dokument kann mehrere Artikel enthalten, und die Erklärung zu jedem Betriebssystem ist im

-Tag enthalten. Außerdem wird beim Scrollen des Bildschirms ein Artikel nach dem anderen angezeigt.

So können wir mit dem HTML-

-Tag Blogbeiträge, Forenbeiträge und magazinähnliche Dokumente erstellen.

Fazit

Wie wir wissen, schreiben Artikelautoren oder Blogger das Dokument, indem sie das Kernkonzept des Themas im Auge behalten. Ebenso werden in HTML die

-Tags verwendet, um Inhalte zu erwähnen, die vollständig enthalten und unabhängig sind. Außerdem kann eine HTML-Datei ein oder mehrere
-Tags enthalten, die verschachtelt werden können. Diese Studie hat die Verwendung des
-Tags anhand eines Beispiels erklärt.