Test Pagina
Onderstaand zie je een voorbeeld van hoe de indeling kan zijn op je website en welke keuzes er zijn om Kopteksten, Teksten, Afbeeldingen en Video vorm te geven.
Kopteksten - Volgorde
Onderstaand hoe de volgorde is van deze Kopteksten en hoe ze eruit zien op je website:
Titel
De H1 Koptekst dien je nooit zelf te gebruiken in een artikel omdat dit al standaard wordt gebruikt in de Titel van een artikel.
Je begint een hoofdstuk met de H2 Koptekst en maakt (sub) onderverdelingen met een H3 en H4 zoals onderstaand:
1. Nederland is een land (H2)
Tekst van Nederland. Tekst van Nederland. Tekst van Nederland. Tekst van Nederland. Tekst van Nederland.
1.A. Amsterdam in Nederland (H3)
Tekst van Amsterdam. Tekst van Amsterdam. Tekst van Amsterdam. Tekst van Amsterdam. Tekst van Amsterdam.
1.A.1. Amsterdam Noord (H4)
Tekst van Amsterdam Noord. Tekst van Amsterdam Noord. Tekst van Amsterdam Noord. Tekst van Amsterdam Noord.
1.A.1.A. Treinstation (H5)
Tekst van treinstation. Tekst van treinstation. Tekst van treinstation. Tekst van treinstation. Tekst van treinstation.
1.A.1.A.1. StationsRestaurant (H6)
Tekst van stationsrestaurant. Tekst van stationsrestaurant. Tekst van stationsrestaurant. Tekst van stationsrestaurant. Tekst van stationsrestaurant.
1.A.1.A.2. Loket verloren voorwerpen (H6)
Tekst van Loket verloren voorwerpen. Tekst van Loket verloren voorwerpen. Tekst van Loket verloren voorwerpen. Tekst van Loket verloren voorwerpen.
1.A.1.B. Busstation (H5)
Tekst van busstation. Tekst van busstation. Tekst van busstation. Tekst van busstation. Tekst van busstation. Tekst van busstation.
1.A.2. Amsterdam Zuid (H4)
Tekst van Amsterdam Zuid. Tekst van Amsterdam Zuid. Tekst van Amsterdam Zuid. Tekst van Amsterdam Zuid.
1.B. Rotterdam in Nederland (H3)
Tekst van Rotterdam. Tekst van Rotterdam. Tekst van Rotterdam. Tekst van Rotterdam. Tekst van Rotterdam.
2.Duitsland is een land (H2)
Tekst van Nederland. Tekst van Nederland. Tekst van Nederland. Tekst van Nederland. Tekst van Nederland.
2.A. Bonn in Duitsland (H3)
Tekst van Bonn. Tekst van Bonn. Tekst van Bonn. Tekst van Bonn. Tekst van Bonn. Tekst van Bonn. Tekst van Bonn.
2.B. Köln in Duitsland (H3)
Tekst van Köln. Tekst van Köln. Tekst van Köln. Tekst van Köln. Tekst van Köln. Tekst van Köln. Tekst van Köln.
Actie
Website Test
Responsive
Opmaak tekst
Links
Een link op je Website heeft deze Kleur en Vorm (Ga ook hover over de link).
Aangehaald - [i] en [/i]
Deze tekst is normaal en deze tekst is Aangehaald.
Schuin - [em] en [/em]
Deze tekst is normaal en deze tekst is Schuin.
blok-grijs-01
Dit is een blok met tekst en een Aangehaald deel in het blok.
p-blokken
p class="admin"
Dit is een blok met tekst en een Admin deel in het blok.
p class="zegt"
Dit is een blok met tekst en een Gezegd deel in het blok.
p class="p-wit-rood"
Dit is een blok met tekst en een Aangehaald deel in het blok.
p class="p-wit-groen"
Dit is een blok met tekst en een Aangehaald deel in het blok.
p class="p-wit-geel"
Dit is een blok met tekst en een Aangehaald deel in het blok.
p class="p-wit"
Dit is een blok met tekst en een Aangehaald deel in het blok.
p class="p-groen"
Dit is een blok met tekst en een Aangehaald deel in het blok.
p class="p-rood"
Dit is een blok met tekst en een Aangehaald deel in het blok.
Lijsten
- De lorem-ipsum tekst is ontstaan ergens rond het jaar 1500 en begint met de tekst: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
- De lorem-ipsum tekst is ontstaan ergens rond het jaar 1500 en begint met de tekst: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
- De lorem-ipsum tekst is ontstaan ergens rond het jaar 1500 en begint met de tekst: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
- De lorem-ipsum tekst is ontstaan ergens rond het jaar 1500 en begint met de tekst: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
- De lorem-ipsum tekst is ontstaan ergens rond het jaar 1500 en begint met de tekst: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
- De lorem-ipsum tekst is ontstaan ergens rond het jaar 1500 en begint met de tekst: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lijn - Horizontaal
De horizontale lijn ziet eruit zoals hierboven en hieronder.
Tekst en daarna geselecteerd als Schuin [/] wordt: Dit is tekst in Schuin.
Afbeeldingen
Filmpjes
Filmpjes zoals Youtube worden ingeladen via een embed met externe Javascript en CSS. Deze codering komt moeilijk door de LCP test op Zoekmachines.