7. HTML tyylit
HTML Fonts
"Font-family" ominaisuudella saat haluamasi fontin html elementtiisi.
Esimerkki
<h1 style="font-family:verdana;">Otsikko</h1>
<p style="font-family:courier;">Väliotsikko</p>
HTML Styles
HTML tyylit
<h2 style="color:red;">Minä olen punainen</h2>
<h2 style="color:blue;">Minä olen sininen</h2>
HTML tyyli Atribuutti
Jos tahdot muutta HTML elementin tyyliä, sen voi tehdä tyyli atribuutilla.
HTML tyyli atribuutilla on seuraava sääntö:
tyyli ="property:value;"
"property" on CSS ominaisuus. "value" on CSS arvo.
HTML tekstin koko ja kohdistus
"font-size" ominaisuudella saat tekstiisi haluamasi koot.
Esimerkki
<h1 style="font-size:300%;">Otsikko</h1>
<p style="font-size:160%;">Väliotsikko.</p>
"text-align" ominaisuudella saat määriteltyä missä kohdin tekstisi sijaitsee html elementissäsi.
Esimerkki
<h1 style="text-align:center;">Keskitetty otsikko</h1>
<p>Väliotsikko</p>