I HTML finns det både parade taggar och enkla taggar (även kända som självstängande taggar eller tomma element). Varje typ har ett specifikt syfte och har sin egen funktion.

Parade Taggar

Parade taggar består av öppnings- och stängningstaggar. De kan omsluta innehållet och gruppera objekt för att ändra vissa egenskaper eller samla element efter betydelse.

Syntax:

html

Här är ett verkligt exempel på användning av parade taggar:

I detta exempel:

• <section>...</section>: grupperar relaterat innehåll tillsammans;

• <h1>...</h1>: lägger till en rubrik för sektionen;

• <p>...</p>: innehåller ett stycke som förklarar att de flesta HTML-taggar kommer i par.

Enkla taggar

Enkla taggar består endast av en öppningstagg och ingen stängningstagg. De används när taggen inte kräver innehåll eller när allt innehåll och beteende specificeras med attribut.

Syntax:

html

Här är ett verkligt exempel på användning av enkla taggar:

Denna kod inkluderar två element:

• <input />: skapar ett textinmatningsfält. placeholder=" name" visar en ledtråd inuti rutan;

• <img />: visar en bild av frukter.

  • alt="Fruits": text som visas om bilden inte laddas;

  • width och height: ställer in bildens dimensioner;

  • src: specificerar bildens URL.

Taggningsnäste

När du nästlar taggar är det viktigt att följa hierarkiordningen, liknande att nästla dockor. Varje nästlad tagg bör vara korrekt innesluten inom sin föräldratagg samtidigt som den följer HTML-syntaxens regler.

Här är ett exempel på nästlade taggar:

html

Låt oss överväga nästa giltiga exempel:

Denna kod visar ett stycke med en länk och betonad text:

• <p>...</p>: omsluter hela stycket;

• <a href="https://privacy.com">...</a>: skapar en klickbar länk till sekretesspolicyn;

• <strong>...</strong>: gör ordet "webbplats" fetstil för att betona det.

Sammanfattning

HTML består av parade och enskilda taggar, som var och en tjänar olika syften. Parade taggar har en öppnings- och stängningstagg för att omsluta innehåll, medan enskilda taggar är självstängande. Att korrekt nästla taggar och följa rätt hierarki är viktigt för en välformad HTML-struktur.