Bijna elke pagina bevat tekst. Tekst wordt op een HTML pagina meestal tussen paragraaf tags gezet.
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium culpa cupiditate distinctio dolores error, eveniet harum in inventore ipsum magnam, quibusdam, vero? Architecto consequuntur dicta esse minima tempore. Fuga, ullam!</p>
Deze fake tekst kan je makkelijk aanmaken door het typen van lorem <tab>
.
Omdat de <
en >
haakjes veel type werk is kan je steeds gebruik maken van tagnaam <tab>
. Voor onze <p> p <tab>
Waarschijnlijk willen we de tekst niet strak langs de rand van het scherm. Hiervoor kunnen we een padding toevoegen. Dit doen we in ons CSS bestand.
p { padding: 10px; }
Onze h1 header tekst willen we graag in het midden van de pagina. Dit doen we ook uiteraard met CSS
h1 { font-size: 3rem; color: purple; text-align: center; }