Az HTML segítségével lehetőségünk van szövegeket formázni a böngészőben. A szöveg formázásának számos módja létezik, például a szöveg méretének, színének, betűtípusának és elrendezésének módosítása.
Az alábbiakban néhány példa a szöveg formázására az HTML-ben:
- A szöveg méretének módosítása:
<p style="font-size: 20px;">Ez egy 20px méretű szöveg.</p> - A szöveg színének módosítása:
<p style="color: red;">Ez egy piros színű szöveg.</p> - A szöveg betűtípusának módosítása:
<p style="font-family: Arial;">Ez egy Arial betűtípusú szöveg.</p> - A szöveg elrendezésének módosítása:
<p style="text-align: center;">Ez egy középre igazított szöveg.</p>
Az HTML-ben számos olyan elem áll rendelkezésünkre, amelyek segítségével különféle szövegformázásokat vehetünk igénybe. Például az <b> elemmel félkövér szöveget készíthetünk, az <i> elemmel dőlt szöveget, az <u> elemmel aláhúzott szöveget, az <sup> elemmel felső indexet, az <sub> elemmel pedig alsó indexet.
Példa az <b> elem használatára:
<p>Ez egy <b>félkövér</b> szöveg.</p>