HTML5 introduserte “”Tag som kan brukes til å representere en spesifikk selvstendig komponent i ethvert dokument, applikasjon eller nettsted. Denne HTML -komponenten kan være gjenbrukbar og distribuerende, for eksempel i et foruminnlegg, et magasin, et blogginnlegg og mer.

Denne studien vil lære deg om HTML -taggen. Så la oss gå!

Hva er HTML -taggen?

Elementet og elementet fungerer på samme måte med tanke på funksjonalitet, styling og visning. Imidlertid gir taggen i et dokument mer semantisk informasjon til søkemotorer og skjermlesere. Dessuten inneholder en HTML -fil flere tagger som kan nestes.

Hvordan bruke HTML -taggen?

For å bruke HTML-taggen, følg den undergitte syntaks:

Her, “”Er startkoden, og“”Er sluttkoden.

La oss gå gjennom et eksempel for å demonstrere tagbruken.

Eksempel: Bruke tag i HTML

I HTML, først, legg til en tagg med en klasse som heter “All-os" og

for overskriften. Legg deretter til en annen tag med en klasse som heter “OS”. Inne i denne taggen, spesifiser

for overskriften og

for et avsnitt. Etter det, inkluder de to taggene som er nestet med

og

Tagger som følger:

Mest populære operativsystemer

Vinduer

Windows er en gruppe av flere proprietære grafiske operativsystemer. Det er utviklet og markedsført av Microsoft.

Linux

Linux er et open source-operativsystem basert på Linux-kjernen. Den er vanligvis pakket som en Linux -distribusjon.

Mac os

MacOS er et UNIX -operativsystem utviklet og markedsført av Apple Inc. Det er kjent som hovedoperativsystemet for Apples Mac -datamaskiner.

Den neste delen vil beskrive CSS-stilene som brukes på de ovennevnte HTML-elementene.

Style All-os Div

.All-OS
Margin: 0;
polstring: 5px;
bakgrunnsfarge: RGB (155, 155, 155);

Div med klassenavnet “All-os”Er stylet slik:

• • “.All_os”Brukes til å få tilgang til den relaterte .
  • “margin”Eiendom brukes til å legge til plass rundt DIV -elementet.
  • “polstring”Eiendom gir plass rundt innholdet i DIV -elementet.
  • “bakgrunnsfarge”Er innstilt på å bruke bakgrunnsfargen på DIV -elementet.

Style OS Div

.OS
Margin: 10px;
polstring: 5px;
Bakgrunn: Hvit;

Bruk stiler på den neste navngitte “OS”. Beskrivelsen av egenskapene er gitt nedenfor:

• • “.OS”Få tilgang til med navnet OS.
  • “margin”Eiendom legger til et rom på 10px rundt div.
  • “polstring”Eiendom legger til et rom på 5px rundt innholdet i DIV -elementet.
  • “bakgrunnsfarge”Eiendom setter divelementets bakgrunnsfarge.

Etter å ha gitt CSS -stylingegenskapene til ovennevnte tagger, er avsnittet stylet ved å stille inn egenskapene som nevnt nedenfor.

Stil P -element

P
Margin: 3px;
Font-størrelse: 15px;

Følgende egenskaper brukes på

element:

• • “margin”Eiendom legger til 3px -plass rundt elementets innhold.
  • “skriftstørrelse”Eiendom setter tekstfontstørrelsen som 15px.

Lagre den la til koden og åpne filen i nettleseren din. Resultatet vises som vist nedenfor:

Det ovennevnte dokumentet kan ha flere artikler, og forklaringen relatert til hvert operativsystem er inneholdt i taggen. Dessuten vises den ene artikkelen etter hverandre ettersom skjermen ruller.

Slik kan vi lage blogginnlegg, foruminnlegg og magasinlignende dokumenter ved hjelp av HTML-taggen.

Konklusjon

Som vi vet, skriver artikkelforfattere eller bloggere dokumentet ved å huske på kjernekonseptet for emnet. På samme måte, i HTML, brukes taggene for å nevne innhold som er fullt inneholdt og uavhengig. Dessuten kan det være en eller flere tagger i en HTML -fil, som kan nestes. Denne studien har forklart bruken av taggen med et eksempel.