FONT-tagilla voidaan muuttaa kirjasimen kokoa (size), väriä (color) ja tyyppiä (face). FONT-tagin sijaan suositellaan käytettävän SPAN-tagia ja CSS määritteitä.
<font></font>
- Tekstin koko
- Size-attribuutilla muutetaan tekstin kokoa.
- Tekstin väri
- Color-attribuutilla muutetaan tekstin väriä.
- Tekstin tyyppi
- Face-attribuutilla muutetaan tekstin tyyppiä, tuttavallisemmin fonttia.
- Otsikot
- H-tagilla voidaan tehdä eriasteisia otsikoita.
- Rivinvaihto
- Rivinvaihto toteutetaan BR-tagilla
- Esimuotoiltu teksti
- Esimuotoiltu teksti tulostetaan tasalevyisellä kirjasimella.
- Kappaleenjako
- Kappaleenjaot toteutetaan P-elementillä.
- Tekstin muotoilu
- Tekstiä voidaan muotoilla lihavoimalla, kursivoimalla, tai viivauksilla. Siitä voidaan tehdä kirjoituskonemaista, tai voidaan käyttää ylä- ja alaindeksejä.
Koko (size)
Size-attribuutilla voidaan muuttaa tekstin kokoa. Arvoina voidaan käyttää numeroita 1-10 (1 on pienin), sekä arvoja big (suuri) ja small (pieni).
<font size="1">Tekstin koko on 1</font> <font size="2">Tekstin koko on 2</font> <font size="3">Tekstin koko on 3</font> <font size="4">Tekstin koko on 4</font> <font size="5">Tekstin koko on 5</font> <font size="6">Tekstin koko on 6</font> <font size="7">Tekstin koko on 7</font> <font size="8">Tekstin koko on 8</font> <font size="9">Tekstin koko on 9</font> <font size="10">Tekstin koko on 10</font>
Väri (color)
Color-attribuutti määrittää tekstin värin. Arvoina voidaan käyttää nimiä, HEX-lukuja, tai RGB-arvoja. Käytettäessä nimiä tulee kirjoittaa värin englanninkielinen nimi, esimerkiksi red. Jos väri ilmoitetaan HEX-lukuna tulee eteen laittaa #-merkki, esimerkiksi #000000. Jos käytetään värin määrittämiseen RGB-arvoa tulee käyttää seuraavaa kaavaa: rgb(arvo,arvo,arvo), jossa ensimmäisen arvon kohdalle tulee punainen väri, toiseen vihreä väri ja kolmanteen sininen väri. Voit katsoa värimalleja värikartoista.
<font color="arvo">teksti/font>Esimerkiksi:
<font color="red">Väri ilmoitettu nimellä</font> <font color="#b8b8b8">Väri ilmoitettu hex-luvulla</font> <font color="rgb(150,100,50)">Väri ilmoitettu RGB-arvolla</font>
Tyyppi (face)
Face-attribuutilla voidaan määrittää kirjasintyyppi (tuttavallisemmin 'fontti').
<font face="arvo"></font>
Esimerkiksi:
<font face="verdana"></font>
Otsikot h1-h6
Tagilla H voidaan tehdä eriasteisia otsikoita. Suurin otsikko on 1 ja pienin vastaavasti 6. Otsikoita tulisi käyttää siten, että tärkein otsikko on tason 1 otsikko ja alaotsikot tasosta 2 tasoon 6 riippuen siitä ovatko ne alaotsikon alaotsikoita.
<h1>Tason 1 otsikko</h1> <h1>Tason 2 otsikko</h1> <h1>Tason 3 otsikko</h1> <h1>Tason 4 otsikko</h1> <h1>Tason 5 otsikko</h1> <h1>Tason 6 otsikko</h1>
Rivinvaihto (br)
HTML-dokumentissa ei voida tehdä rivinvaihtoa enter-näppäimellä, vaan pitää käyttää siihen tarkoitettua tagia, BR. XHTML:ssä tagi tulee sulkea. Rivinvaihto tagia ei tulisi kuitenkaan käyttää leipätekstissä, eli varsinaisessa sisällössä. Kappaleenjaot tulee toteuttaa siihen tarkoitetulla tagilla, P.
HTML:
<br>
XHTML:
<br />
Esimuotoiltu teksti (pre)
PRE-tagilla voidaan tehdä tasakokoista, esimuotoiltua tekstiä eli jokainen kirjain vie samanverran tilaa. Esimuotoilussa tekstissä ei tarvitse käyttää br-tagia saadakseen rivinvaihdon, vaan voidaan käyttää enter-näppäintä. Myös sarkain-näppäin toimii normaalisti. Tämän oppaan koodiesimerkit ovat toteutettu pre-tagilla. Esimuotoilua ei tulisi kuitenkaan käyttää kuin sellaisissa tilanteissa joissa tarvitaan esimerkiksi sarkainta.
<pre>Esimuotoiltu teksti</pre>
Kappaleejako (p)
HTML-dokumentissa tulee tekstikappaleet erottaa toisistaan siihen tarkoitetulla tagilla, P.
<p>Kappaleet tehdään P-elementillä</p>
Tekstin muotoilu
Tekstin muotoiluun voidaan käyttää erilaisia tageja. Tekstistä voidaan tehdä lihavoitua, kursivoitua, lisätä siihen viivauksia ym.
Lihavointi (b, strong)
B-tagilla voidaan tehdä tekstistä lihavoitua, eli korostaa sen arvoa. Lihavoitua tekstiä tulee käyttää, jos haluaa kertoa että jokin sana, tai lause on tärkeä. B-tagia uudempi ja parempi tapa on STRONG-tagi ja suosittelenkin sen käyttämistä.
<b>Lihavoitua tekstiä</b> <strong>Lihavoitua tekstiä</strong>
Kursivointi (i,em)
I-tagilla voidaan kursivoida tekstiä, eli tehdä siitä vinoa. Uudempi tapa on EM-tagi ja suosittelenkin sen käyttämistä.
<i>Kursivoitua tekstiä</i> <em>Kursivoitua tekstiä</em>
Tekstin viivaukset (alleviivaus, ylleviivaus)
Tekstiin voidaan tehdä viivauksia muotoilemaan tekstiä.
Alleviivaus (u)
Tagilla U voidaan tekstistä tehdä alleviivattua
<u>Alleviivattua tekstiä</u>
Ylleviivaus (s, strike)
S-tagilla tehdään tekstistä ylleviivattua. Uudempi tapa on STRIKE-tagi ja suosittelenkin sen käyttämistä.
<s>Ylleviivattua tekstiä</s> <strike>Ylleviivattua tekstiä</strike>
Kirjoituskonemainen teksti (tt)
TT-tagilla voidaan tehdä tekstitä kirjoituskonemaista. Teksti tulostetaan tasalevyisellä kirjasimella. TT-tagin sijaan kannattaa käyttää esimerkiksi esimuotoiltua tekstiä, PRE.
<tt>Kirjoituskonemaista tekstiä</tt>
Indeksit (sup, sub)
Ylä- ja alaindeksejä tehdään SUP- ja SUB-tageilla. SUP-tagilla tehdään yläindeksi ja SUB-tagilla alaindeksi.
<sup>yläindeksi</sup> <sub>alaindeksi</sub>
