I HTML finnes det både parvise tagger og enkeltstående tagger (også kjent som selv-lukkende tagger eller tomme elementer). Hver type tjener et spesifikt formål og har sin egen funksjon.

Parvise Tagger

Parvise tagger består av åpning og lukking av tagger. De kan omslutte innholdet og gruppere elementer for å endre noen egenskaper eller samle elementer etter betydning.

Syntaks:

html

Her er et virkelig eksempel på bruk av parvise tagger:

I dette eksempelet:

• <section>...</section>: grupperer relatert innhold sammen;

• <h1>...</h1>: legger til en overskrift for seksjonen;

• <p>...</p>: inneholder et avsnitt som forklarer at de fleste HTML-tagger kommer i par.

Enkeltstående tagger

Enkeltstående tagger består kun av en åpningstag og ingen avslutningstag. De brukes når taggen ikke krever innhold eller når alt innhold og oppførsel er spesifisert ved hjelp av attributter.

Syntaks:

html

Her er et ekte eksempel på bruk av enkeltstående tagger:

Denne koden inkluderer to elementer:

• <input />: oppretter et tekstinnskrivingsfelt. placeholder=" name" viser et hint inne i boksen;

• <img />: viser et bilde av frukt.

  • alt="Fruits": tekst som vises hvis bildet ikke lastes inn;

  • width og height: angir bildets dimensjoner;

  • src: spesifiserer bildeadressen.

Tagginnhetting

Når du innehefter tagger, er det viktig å følge hierarkirekkefølgen, likt som med russiske dukker. Hver inneheftet tagg bør være riktig omsluttet innenfor sin overordnede tagg, samtidig som den følger reglene for HTML-syntaks.

Her er et eksempel på inneheftede tagger:

html

La oss vurdere det neste gyldige eksempelet:

Denne koden viser et avsnitt med en lenke og uthevet tekst:

• <p>...</p>: omslutter hele avsnittet;

• <a href="https://privacy.com">...</a>: lager en klikkbar lenke til personvernreglene;

• <strong>...</strong>: gjør ordet "website" fet for å fremheve det.

Oppsummering

HTML består av parvise og enkle tagger, hver med forskjellige formål. Parvise tagger har en åpnings- og en avslutningstag for å omslutte innhold, mens enkle tagger er selv-lukkende. Riktig nesting av tagger og å følge korrekt hierarki er essensielt for en godt strukturert HTML-struktur.