X Veelgebruikte HTML-tags om te weten voor beginners

Als je front-end ontwikkelaar wilt worden, is een van de meest voorkomende adviezen die je krijgt het leren van HTML. Hypertext Markup Language, afgekort als HTML, vormt de basis van de meeste webpagina’s.

HTML is gemaakt van verschillende dingen, zoals tags, attributen en elementen. Onze focus zal liggen op HTML-tags. We gebruiken HTML-tags om browsers te vertellen hoe ze inhoud moeten structureren in koppen, titels, alinea’s, afbeeldingen en nog veel meer. HTML-tags zijn dus als trefwoorden die bepalen hoe de browser de inhoud zal weergeven of formatteren.

Servers lezen HTML-tags van boven naar beneden. Er is geen beperking op het aantal HTML-tags dat een webpagina moet hebben.

  • Alle HTML-tags zijn ingesloten in <>
  • Elke HTML-tag vervult een andere functie
  • De meeste HTML-tags hebben een openings- en een sluitings-

Inhoudsopgave

HTML-tags vs. HTML-elementen vs. HTML-attributen

De meeste mensen gebruiken de termen HTML-tags en elementen door elkaar. Maar zijn ze hetzelfde? Technisch gezien zijn HTML-elementen en HTML-tags verschillend.

  Whitepaper - Wat, doel, typen en hoe het te schrijven

HTML-tags definiëren HTML-elementen. Om dit te bereiken, wordt inhoud verpakt met een openings- en sluitingstagnaam die overeenkomt met de inhoud van de tag waarmee we werken.

Dit is een voorbeeld van een HTML-element:

<p> This is a paragraph </p> 

is een voorbeeld van een HTML-tag

HTML-attributen geven aanvullende informatie over HTML-elementen in een document. Attributen zijn te vinden in HTML-elementen.

Dit is een voorbeeld van een HTML-attribuut

<button id=" SubmitOrder" class="btn">Order</button> 

HTML-tags die iedereen zou moeten kennen

HTML als opmaaktaal is in de loop der jaren geëvolueerd sinds Tim Berners-Lee het in 1993 introduceerde. De eerste HTML-versie had 18 tags. Bij elke HTML-versie worden nieuwe tags toegevoegd; de meest recente upgrade was HTML5 in 2014.

Een nauwkeurige vergelijking van HTML en HTML5 laat zien dat laatstgenoemde semantische tags heeft zoals

,

en