html 4.3

<!--
    Opdracht:       Opdracht 4.3
    Auteur:         naam van de maker
    Aanmaakdatum:   startdatum + tijd
    Bestandsnaam:   Opdracht 4.3.html
-->
<!DOCTYPE html>

<html>
    <head>
        <!-- Omschrijving van de webpagina -->
        <meta name="description" content="Opdracht 4.3">
        <!-- Toekennen van sleutelwoorden -->
        <meta name="keywords" content="CSS, selectoren">
        <!-- Tekenset declareren -->
        <meta charset="utf-8">
        <!-- Linken extern CSS-bestand -->
        <link href="StyleSheet.css" rel="stylesheet" type="text/css">
        <!-- Opgeven van een title -->
        <title>
            Opdracht 4.3
        </title>
    </head>
    <body>
        <!-- Koptekst van de webpagina -->
        <h1>
            CSS-
            <span>
                Selectoren
            </span>
        </h1>
        <!-- Algemene uitleg over CSS-selectoren -->
        <p class="betekenis">
            Er zijn veel verschillende CSS-selectoren waarmee je regels voor specifieke elementen in een HTML-document.
        </p>
        <!-- Benoemen van de verschillende soorten selectoren met de bijbehorende definitie -->
        <h2>
            Universeel
        </h2>
        <p>
            <span class="voorbeeld">
                Voorbeeld:
            </span>
            <br>
            *{}
        </p>
        <p>
            <span class="betekenis">
                Betekenis:
            </span>
            <br>
            Selecteer alle elementen op de pagina.
        </p>
        <h2>
            Type
        </h2>
        <p>
            <span class="voorbeeld">
                Voorbeeld:
            </span>
            <br>
            h1, h2, h3
        </p>
        <p>
            <span class="betekenis">
                Betekenis:
            </span>
            <br>
            Selecteer alle H1, H2, en H3 elementen.
        </p>
        <h2>
            Klasse
        </h2>
        <p>
            <span class="voorbeeld">
                Voorbeeld:
            </span>
            <br>
            .rood{}
        </p>
        <p>
            <span class="betekenis">
                Betekenis:
            </span>
            <br>
            Selecteer alle elementen met de klasse rood.
        </p>
        <h2>
            ID
        </h2>
        <p>
            <span class="voorbeeld">
                Voorbeeld:
            </span>
            <br>
            #rood{}
        </p>
        <p>
            <span class="betekenis">
                Betekenis:
            </span>
            <br>
            Selecteer alle elementen met het ID rood.
        </p>
        <h2>
            Kind
        </h2>
        <p>
            <span class="voorbeeld">
                Voorbeeld:
            </span>
            <br>
            <!-- TAAK1: Geef hier een voorbeeld van een 'kind' selector -->
        </p>
        <p>
            <span class="betekenis">
                Betekenis:
            </span>
            <br>
            <!-- TAAK1: Omschrijf wat je selecteert met deze selector -->
        </p>
        <h2>
            Afstammeling
        </h2>
       <p>
           <span class="voorbeeld">
                Voorbeeld:
            </span>
            <br>
            <!-- TAAK1: Geef hier een voorbeeld van een 'afstammeling' selector -->
        </p>
        <p>
            <span class="betekenis">
                Betekenis:
            </span>
            <br>
            <!-- TAAK1: Omschrijf wat je selecteert met deze selector -->
        </p>
        <h2>
            Naaste buur
        </h2>
        <p>
            <span class="voorbeeld">
                Voorbeeld:
            </span>
            <br>
            <!-- TAAK1: Geef hier een voorbeeld van een 'naaste buur' selector -->
        </p>
        <p>
            <span class="betekenis">
                Betekenis:
            </span>
            <br>
            <!-- TAAK1: Omschrijf wat je selecteert met deze selector -->
        </p>
        <h2>
            Algemene buur
        </h2>
        <p>
            <span class="voorbeeld">
                Voorbeeld:
            </span>
            <br>
            <!-- TAAK1: Geef hier een voorbeeld van een 'algemene buur' selector -->
        </p>
        <p>
            <span class="betekenis">
                Betekenis:
            </span>
            <br>
            <!-- TAAK1: Omschrijf wat je selecteert met deze selector -->
        </p>
        <p id="copyright">
            &copy; W3Schools.com
        </p>
    </body>
</html>