Tekstopmaak

Met een paar codes maak je tekst vet, schuin, groot of gekleurd. Dit kun je het makkelijkst doen met de tags van vroeger; die werken allemaal weer.

Vet, schuin en onderstreept

Zet de tekst tussen een begin- en een eindtag. Vergeet de eindtag niet, anders loopt de opmaak door tot het einde van je pagina.

<b>Vet</b>, <i>schuin</i>, <u>onderstreept</u> en <s>doorgestreept</s>.<br>H<sub>2</sub>O en 10<sup>3</sup>

Kleur, lettertype en grootte

Met <font> kies je een kleur (een naam of een code als #ff66aa), een lettertype en een grootte van 1 tot 7. Hetzelfde kan met een style.

<font color="#e0338a" face="Comic Sans MS" size="5">Roze en groot</font><br>
<span style="font-family: Georgia; font-size: 18px; color: navy">Blauw in Georgia</span>

Afstand tussen letters en regels

letter-spacing zet letters verder uit elkaar (of dichter bij elkaar met een min). line-height doet hetzelfde met regels, en text-indent laat de eerste regel inspringen.

<p style="letter-spacing: 4px">Ver uit elkaar</p>
<p style="line-height: 2">Regels ver<br>van elkaar af</p>
<p style="text-indent: 40px">De eerste regel springt in, net als in een boek. De volgende regels beginnen gewoon aan de kant.</p>

Links, rechts of in het midden

<p align="left">Links</p>
<center>In het midden</center>
<p style="text-align: right">Rechts</p>

Staat bij je pagina "Alles in het midden" aan, dan staat alle tekst al gecentreerd, zoals op de profielen van toen.

Woorden bij elkaar houden

Op een smalle telefoon breekt een lange regel op elke plek met een spatie. Wil je dat een naam of een datum bij elkaar blijft, zet die dan in een span met white-space: nowrap. Het hokje hieronder is smal, zodat je het ziet.

<div style="width: 180px">Ik kom op <span style="white-space: nowrap">12 december 2003</span> naar het feest van <span style="white-space: nowrap">Sanne de Vries</span>.</div>

De BrEeZeRtAaL-machine

Zo schreven we in 2003: elke letter om de beurt groot en klein. Typ je tekst, en kopieer de uitkomst.