I HTML er der både parrede tags og enkeltstående tags (også kendt som selv-lukkende tags eller void-elementer). Hver type tjener et specifikt formål og har sin egen funktion.

Parrede Tags

Parrede tags består af åbning og lukning tags. De kan omslutte indholdet og gruppere elementer for at ændre nogle egenskaber eller samle elementer efter betydning.

Syntaks:

html

Her er et reelt eksempel på brug af parrede tags:

I dette eksempel:

• <section>...</section>: grupperer relateret indhold sammen;

• <h1>...</h1>: tilføjer en overskrift for sektionen;

• <p>...</p>: indeholder et afsnit, der forklarer, at de fleste HTML-tags kommer i par.

Enkeltmærker

Enkeltmærker består kun af en åbningstag og ingen lukketag. De bruges, når mærket ikke kræver indhold, eller når alt indhold og adfærd er specificeret ved hjælp af attributter.

Syntaks:

html

Her er et reelt eksempel på brug af enkeltmærker:

Denne kode inkluderer to elementer:

• <input />: opretter et tekstindtastningsfelt. placeholder=" name" viser et hint inde i boksen;

• <img />: viser et billede af frugter.

  • alt="Fruits": tekst vist, hvis billedet ikke indlæses;

  • width og height: angiver billedets dimensioner;

  • src: specificerer billedets URL.

Tag Indlejring

Når du indlejrer tags, er det vigtigt at følge hierarkiordenen, ligesom indlejrede dukker. Hvert indlejret tag skal være korrekt indkapslet inden for dets overordnede tag, mens HTML-syntaksens regler stadig følges.

Her er et eksempel på indlejrede tags:

html

Lad os overveje det næste gyldige eksempel:

Denne kode viser et afsnit med et link og fremhævet tekst:

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

• <a href="https://privacy.com">...</a>: skaber et klikbart link til Privatlivspolitikken;

• <strong>...</strong>: gør ordet "website" fed for at fremhæve det.

Opsummering

HTML består af parrede og enkeltstående tags, der hver tjener forskellige formål. Parrede tags har en åbnings- og en lukketag til at omslutte indhold, mens enkeltstående tags er selv-lukkende. Korrekt indlejring af tags og overholdelse af den korrekte hierarki er afgørende for en velstruktureret HTML-struktur.