Voorbeeldpagina Opmaak

Dit is tekst in H1. Deze koppen worden standaard gebruikt op de pagina waar je een gehele blogpost kunt lezen, zoals bijvoorbeeld hier:

Voorbeeld H1 koptekst Ook de titels van de gewone pagina’s, zoals bijvoorbeeld hier, staan in deze koptekst geschreven.

Dit is tekst in H2. Deze opmaak wordt automatisch gebruikt bij de overzichtspagina van een blog, waar alle blogs onder elkaar staan. De titel die je geeft aan de Post is ook de titel op de overzichtspagina, en ook de titel die in de sidebar komt te staan. Een voorbeeld van het gebruik van deze kopteksten zie je hier:
Voorbeeld gebruik H2 kopteksten

 

Dit is tekst in H3. Zoals je ziet zit hier ook een witruimte aan de onderkant in gecodeerd. Deze heading kan je gebruiken voor de subtitels van je blogposts. Hier zie je daarvan een voorbeeld:
Voorbeeld gebruik h3 koptekst

 

Dit is tekst in H4.

Dit zijn de vaandels met een witte achtergrond, zoals gebruikt in het notitieblokje hier:Voorbeeld witte vaandels
de gele achtergrond hoort er niet bij, dat is alleen om het witte vaandel te kunnen laten zien.

Dit is tekst in H5. Ook hier zit witruimte aan de onderkant in gecodeerd. Deze kun je gebruiken om het eerste stukje van je blog mee te schrijven, zoals bijvoorbeeld hier:
Voorbeeld H5

 

Dit is tekst in H6

Dit is tekst in H7

Hieronder de voorbeelden van de verschillende opties voor opsommingen met sterretjes die je hebt

De code hiervoor schrijf je als volgt:

<ul>
<li class=”hier kies je de naam van de class die je wilt gebruiken”>Hier schrijf je de eerste regel van je opsomming</li>
<li class=”hier kies je de naam van de class die je wilt gebruiken”>Hier schrijf je de tweede regel van je opsomming</li>
<li class=”hier kies je de naam van de class die je wilt gebruiken”>Hier schrijf je de derde regel van je opsomming.</li>
</ul>

Je kunt zoveel regels onder elkaar zetten als je wilt.

  • Dit is een voorbeeld van hoe de lijst met sterretjes er uit ziet. Deze class heet stars2. In het dashboard in de tekst versie (niet visueel!) van de pagina kan je de code zien.
  • Dit is een voorbeeld van hoe de lijst met sterretjes er uit ziet.
  • Dit is een voorbeeld van hoe de lijst met sterretjes er uit ziet.
  • Dit is tweede een voorbeeld van hoe de lijst met sterretjes er uit ziet. Deze heeft meer witruimte tussen de opsommingen. Deze class heet star. In het dashboard in de tekst versie (niet visueel!) van de pagina kan je de code zien.
  • Dit is een voorbeeld van hoe de lijst met sterretjes er uit ziet.
  • Dit is een voorbeeld van hoe de lijst met sterretjes er uit ziet.
  • Dit is derde een voorbeeld van hoe de lijst met sterretjes er uit ziet. Deze class heet stars. In het dashboard in de tekst versie (niet visueel!) van de pagina kan je de code zien.
  • Dit is een voorbeeld van hoe de lijst met sterretjes er uit ziet.
  • Dit is een voorbeeld van hoe de lijst met sterretjes er uit ziet.
  • Dit is vierde een voorbeeld van hoe de lijst met sterretjes er uit ziet. Deze heeft meer witruimte tussen de opsommingen. Deze class heet star2. In het dashboard in de tekst versie (niet visueel!) van de pagina kan je de code zien. Dit voorbeeld heeft net iets meer witruimte eronder dan de eerste versie
  • Dit is een voorbeeld van hoe de lijst met sterretjes er uit ziet.
  • Dit is een voorbeeld van hoe de lijst met sterretjes er uit ziet.