Hvordan jobbe med tomme og containerkoder i HTML

Hvordan jobbe med tomme og containerkoder i HTML

Hypertekst markeringsspråk også kjent som HTML, brukes til å bygge webapplikasjoner. HTML -tagger, ofte kjent som elementer, er det viktigste aspektet av HTML -språket. HTML -tagger innebygd og viser innhold eller informasjon på websider. Det er to typer HTML -tagger: tomme og containerkoder.

Denne bloggen vil guide hvordan du jobber med tomme og containerkoder i HTML.

Tomme tagger

De tomme taggene er også kjent som "Singleton”Eller“tomrom”Tagger. Void -taggen inneholder aldri noe innhold, men attributter kan spesifiseres. Disse taggene har ikke en sluttkode og kan inneholde en tilbakeslag i taggen. Eksemplene på tomme tagger er “
", "", "", "", "", "", "", og mange flere.

Syntaks

Syntaksen for å nevne tomromselementene i HTML er som følger:

For å se hvordan du jobber med tomme tagger, sjekk ut eksemplet nedenfor. “
”Tag er kjent som linjeknappen og brukes til å bryte linjen:

HTML tomme tagger
Linjepause -taggen

Utgangen indikerer at "
”Tag har brutt linjen:

Vi kan legge til CSS -stylingegenskaper til HTML -taggene. “


”Tag er et annet tomt element som legger til en horisontal linje på siden:

HTML tomme tagger


Linjepause -taggen

grensen”CSS -eiendom brukes på“


”Med tre verdier er en grensebredde som er lik“3px”, Borderstilen er satt som“Strikket”Og grensefarge.

Produksjon

Så langt har vi diskutert HTML -tommer. Nå vil vi gå gjennom HTML -containerkoder i neste avsnitt.

Container tagger

HTML -beholderkodene består av tre deler: Startkoder, innhold og sluttkoder. Syntaksen til HTML -container -taggen er gitt som følger:

Innhold

Sjekk ut eksemplene nedenfor for å lære hvordan container -taggen fungerer i HTML.

Eksempel 1: Hvordan legge til et avsnitt i HTML?

Dette er et avsnittsmerke

Produksjon

Eksempel 2: Hvordan legge til overskrifter i HTML?

Det er seks nivåer av overskriftsbeholderkoder som kan brukes til å legge til overskrifter på en webside. La oss legge dem inn i et HTML -dokument for å se hvordan de fungerer og se på en webside:

Linuxhint


Linuxhint


Linuxhint


Linuxhint


Linuxhint

Linuxhint

Produksjon

Vi kan gi inline styling til disse taggene. Tenk på eksemplet nedenfor, som viser hvordan du bruker forskjellige CSS -stylingegenskaper på disse taggene:

Linuxhint


Linuxhint


Linuxhint


Linuxhint


Linuxhint

Linuxhint

Her er forklaringen på de ovennevnte egenskapene:

  • bakgrunnsfarge”Eiendom gir farge til elementets bakgrunn.
  • Font-familie”Eiendom justerer fontstilen til elementet.
  • Tekstalign”Eiendom justerer tekstplassering eller justering.

Produksjon

Vi har vist deg hvordan du bruker HTMLs tomme og containerkoder.

Konklusjon

De tomme kodene og containerkodene er viktige komponenter i HTML -dokumenter som legger inn innholdet og informasjonen på en webside. De tomme taggene inneholder ikke noe innhold og består bare av startkoden med en tilbakeslag på slutten av det, for eksempel
. Imidlertid inneholder beholderkodene start- og sluttkodene sammen med innholdet. Denne bloggen har utdypet arbeidet med tomme og containerelementer i HTML.