HTML bruker to typer tagger: parvise tagger og enkeltstående (selvlukkende) tagger. Hver av dem har en forskjellig rolle når en nettside skal struktureres.

Parvise tagger

Parvise tagger har en åpningstag og en lukkingstag. De omslutter innhold, grupperer elementer og definerer betydning eller struktur.

Syntaks:

<tag_name>Some content</tag_name>

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

I dette eksemplet:

• <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.

Enkle tagger

Enkle tagger har ikke en avsluttende tag. De brukes når det ikke er behov for innhold mellom taggene, og all funksjonalitet defineres gjennom attributter.

Syntaks:

<tag_name />

Her er et faktisk eksempel på bruk av enkle tagger:

Denne koden inkluderer to elementer:

• <input />: oppretter et tekstinntastingsfelt. placeholder=" name" viser et hint inne i feltet;
• <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.

Tagg-nesting

Tagger må nestes korrekt, som matryoshka-dukker, der hver avsluttende tagg samsvarer med sin åpningstagg i riktig rekkefølge.

Her er et eksempel på nestede tagger:

<tag1>
  <tag2>
    <tag4>...</tag4>
    <tag5>...</tag5>
  </tag2>
  <tag3>
    <tag6>...</tag6>
  </tag3>
</tag1>

Vurder følgende gyldige eksempel:

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 personvernerklæringen;
• <strong>...</strong>: gjør ordet "website" fet for å fremheve det.