HTML -zelfstudie

HTML HOME HTML-introductie HTML-editors HTML basis HTML-elementen HTML-kenmerken HTML-koppen HTML-alinea's HTML-stijlen HTML-opmaak HTML-citaten HTML-opmerkingen HTML-kleuren HTML-CSS HTML-links HTML-afbeeldingen HTML-favicon HTML-tabellen HTML-lijsten HTML-blok en inline HTML-klassen HTML-ID HTML-iframes HTML-JavaScript Paden voor HTML-bestanden HTML-kop HTML-indeling HTML-responsief HTML-computercode HTML-semantiek HTML-stijlgids HTML-entiteiten HTML-symbolen HTML-emoji's HTML-tekenset HTML-URL-codering HTML versus XHTML

HTML -formulieren

HTML-formulieren HTML-formulierkenmerken HTML-formulierelementen HTML-invoertypen HTML-invoerkenmerken Kenmerken HTML-invoerformulier

HTML -afbeeldingen

HTML-canvas HTML-SVG

HTML- media

HTML-media HTML-video HTML-audio HTML-plug-ins HTML-YouTube

HTML API's

HTML-geolocatie HTML slepen/neerzetten HTML-webopslag HTML-webwerkers HTML-SSE

HTML- voorbeelden

HTML-voorbeelden HTML-quiz HTML-oefeningen HTML-certificaat HTML-samenvatting HTML-toegankelijkheid

HTML- verwijzingen

HTML-taglijst HTML-kenmerken Algemene HTML-kenmerken Ondersteuning voor HTML-browser HTML-gebeurtenissen HTML-kleuren HTML-canvas HTML-audio/video HTML-documenttypen HTML-tekensets HTML-URL-codering HTML-taalcodes HTTP-berichten HTTP-methoden PX naar EM-omzetter Toetsenbord sneltoetsen

HTML -koppen


HTML-koppen zijn titels of ondertitels die u op een webpagina wilt weergeven.


Voorbeeld

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

HTML-koppen

HTML-koppen worden gedefinieerd met de <h1>to <h6>-tags.

<h1>definieert de belangrijkste kop. <h6>definieert de minst belangrijke kop.

Voorbeeld

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

Opmerking: Browsers voegen automatisch wat witruimte (een marge) toe voor en na een kop.


Koppen zijn belangrijk

Zoekmachines gebruiken de koppen om de structuur en inhoud van uw webpagina's te indexeren.

Gebruikers skippen vaak een pagina door de koppen. Het is belangrijk om koppen te gebruiken om de documentstructuur weer te geven.

<h1>koppen moeten worden gebruikt voor hoofdkoppen, gevolgd door <h2>koppen, dan de minder belangrijke koppen, <h3>enzovoort.

Opmerking: gebruik HTML-koppen alleen voor koppen. Gebruik geen koppen om tekst GROOT of vet te maken .


Grotere koppen

Elke HTML-kop heeft een standaardgrootte. U kunt echter de grootte voor elke kop specificeren met het styleattribuut, met behulp van de CSS- font-sizeeigenschap:

Voorbeeld

<h1 style="font-size:60px;">Heading 1</h1>


HTML-oefeningen

Test jezelf met oefeningen

Oefening:

Gebruik de juiste HTML-tag om een ​​kop toe te voegen met de tekst "London".



<p>Londen is de hoofdstad van Engeland. Het is de dichtstbevolkte stad van het Verenigd Koninkrijk, met een grootstedelijk gebied van meer dan 13 miljoen inwoners.</p>


HTML-tagreferentie

De tagreferentie van W3Schools bevat aanvullende informatie over deze tags en hun attributen.

Tag Description
<html> Defines the root of an HTML document
<body> Defines the document's body
<h1> to <h6> Defines HTML headings

Bezoek onze HTML Tag Reference voor een volledige lijst van alle beschikbare HTML-tags .