Het DOCTYPE is technisch gezien geen tag, maar een declaratie die de browser vertelt wat voor soort bestand zal worden geladen. Deze tag vertelt de browser welk type HTML wordt geladen.
Let op: De declaratie heeft geen afsluitende tag en is niet hoofdlettergevoelig.
De ….. -tag komt na de DOCTYPE-tag. Deze tag definieert het document als een webpagina; elk ander element wordt erin genest. De HTML-tag specificeert het begin en einde van een HTML-document.
-tag voor een geordende lijst, om er maar een paar te noemen.
De syntax voor
tag is;
<body> Content </body>
Er kunnen maximaal 6 heading-tags in een HTML-document staan. Elk van de tags wordt vertegenwoordigd door een nummer beginnend van 1 tot 6 als
,
,
,
,
en
.
H1 is de grootste heading-tag, terwijl H6 de kleinste is.
In een HTML-document kunnen heading-tags als volgt worden weergegeven:
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
tot
tags zijn ingesloten in de tag.
Een ,
tag wordt bijvoorbeeld ingesloten als;
<body>
<h1> This is heading 1 >/h1>
</body>
De
of eenvoudigweg de alinea-tag wordt gebruikt wanneer u inhoud in een alinea wilt structureren. Als u op de ‘enter’-knop drukt in een HTML-document in uw code-editor, wordt er geen nieuwe alinea gemaakt.
Als u meer dan één alinea wilt, moet u meerdere
-tags in uw document gebruiken. De alinea-tags moeten worden omsloten door de
-tag.
De syntaxis voor een alinea-tag is;
<p> ….some content here….</p>
Als u vier alinea’s wilt hebben, wordt uw code gestructureerd als;
<body>
<p>Content for first paragraph.</p>
<p>Content for the second paragraph.</p>
<p>Content for the fourth paragraph.</p>
</body>
De tag of simpelweg bold zal alle inhoud tussen de opening en de afsluiting opmaken als vet.
De vetgedrukte tag kan tussen een koptekst zoals H1 of zelfs binnen een paragraaftag staan.
Dit zijn voorbeelden van een vetgedrukte tag;
<b> Bold Tag </b>
De zinsnede ‘Bold Tag’ wordt vetgedrukt weergegeven.
<h1> Keeping it cool, <b> Fifth edition </b>, the winners edition </h1>
De vijfde druk zal vet gedrukt worden.
De cursieve tag, aangeduid met , maakt de tekst binnen de tags cursief.
Als we bijvoorbeeld hebben
<i> These are italics </i>
De woorden ‘dit zijn cursief’ worden cursief weergegeven.
De onderstrepingstag, of , wordt gebruikt wanneer u een bepaald stuk tekst in een HTML-document wilt onderstrepen.
Als we bijvoorbeeld hebben;
<u> underline these words </u>
De zin tussen de tags wordt onderstreept.
De Center-tag,
, wordt gebruikt om inhoud op een HTML-document te centreren.
Als we bijvoorbeeld een h2-tag hebben die is geschreven als
Inhoud centreren in HTML
, kunnen we deze als volgt centreren;
<center>
<h2> Centering Content in HTML </h2>
</center>
Span-tag, , is een algemene inline-container die niet wordt geleverd met een standaardstijl. U kunt de span-tag gebruiken om teksten te groeperen die u wilt opmaken.
U kunt tags binnen andere tags plaatsen, zoals koppen en alinea’s;
<h2> Learn HTML <span> from experts </span> and be ready for the market </h2>
<p> Learn HTML <span> from experts </span> and be ready for the market </p>
Een divisie-tag, afgekort als div, is een tag waarmee u verschillende tags in een HTML-document kunt groeperen.
Een div-tag kan een ‘class’ krijgen om externe styling toe te voegen met behulp van CSS.
Dit is hoe een div die een h1, h2 en een alinea-tag omsluit, wordt weergegeven.
<div >
<h1> Learn HTML </h1>
<h2> HTML Tags </h2>
<p> HTML is a markup language……… </p>
</div>
De nadruk, of tag, wordt gebruikt om bepaalde woorden in een HTML-document te benadrukken.
Inhoud tussen -tags wordt schuin of cursief weergegeven.
Benadrukte inhoud binnen een alinea kan in een code-editor verschijnen als;
<p> The meeting will start at <em> 0800 hrs </em>, please keep time </p>
De of de superscript-tag zorgt ervoor dat de ingesloten tekst boven de rest staat. Een perfect voorbeeld is wanneer u een getal X wilt kwadrateren en het wiskundig wilt weergeven om u X2 te geven
De syntax voor binnen een alinea-tag zal zijn;
<H1> Harveys <sup>TM </sup> Company Limited </H1>
De subscript- of -tag is het tegenovergestelde van de superscript-tag. De inhoud die in de -tag is ingesloten, verschijnt onder de normale tekstregel. Een perfect voorbeeld is het schrijven van de chemische formule van water als H20.
De syntaxis voor de subscript-tag is;
Remember that H <sub> 2 </sub> 0 is the chemical formula for water
is een zelfsluitende tag die staat voor een pauze. Alle inhoud na
begint op een nieuwe regel.
De syntaxis voor
binnen een alinea is;
<p> HTML is the abbreviation of Hypertext Markup Language <br>
There has been an ongoing debate as to whether it is a programming language or not <br>
However, we cannot downplay its importance <br>
HTML has been used in more than 95% of websites today </p>
en
-
De geordende lijst-tag of de
moet worden gebruikt met een andere tag zoals de
- .
De twee kunnen in een code-editor verschijnen als;
<ol>
<li> Asia </li>
<li> Africa </li>
<li> Europe </li>
</ol>
Bij weergave in de browser wordt de inhoud genummerd weergegeven.

Misschien wilt u een afbeelding toevoegen voor visuele aantrekkingskracht of zelfs een logo. De zelfsluitende afbeeldingstag,
, komt in zo’n geval goed van pas.
De syntaxis voor de afbeeldingstag is;
<img src=“https://cdn.pixabay.com/photo/2015/08/19/15/44/seo-896175_960_720.png”/>
De inhoud tussen aanhalingstekens vertegenwoordigt de bron-URL.
Afsluiten
Er bestaan meer dan 100 HTML-tags, maar de bovenstaande zijn degene die je als beginner moet kennen. HTML wordt in de meeste code-editors ondersteund en u bent er dus zeker van dat u nooit fout zult gaan als u begint met leren.