Muistion ja selaimen käyttö kotisivun tekemisessä näyttää olevan hallinnassa. Joten jatkamme matkaa...
Tehtävä 1
Tee sivu, jossa jonkin verran tekstiä.
Tee seuraavia muotoiluja yksittäisille sanoille.
* Alleviivaus
* Lihavointi
* Kursivointi
Muuta osaan tekstistä kirjasintyypiksi Comic Sans ja kirjoitusväriksi sininen.
Tagi |
Selitys |
<B></B> | lihavointi |
<I></I> | kursiivi |
<U></U> | alleviivaus |
<TT></TT> | konekirjoitustyyli |
<STRIKE></STRIKE> | yliviivattu teksti |
<BIG></BIG> | normaalia suurempi teksti |
<SMALL></SMALL> | normaalia pienempi teksti |
<SUP></SUP> | yläindeksi |
<SUB></SUB> | alaindeksi |
<BLINK></BLINK> | vilkkuva teksti |
<SRONG></STRONG> vahva korostus
<CITE></CITE> lainaus
Esimerkikki 9:
<B><I><U> muotoiltava teksti
</U></I></B>
NÄYTTÖ:
muotoiltava teksti
Huomaa, että yhdistelmätyyleissä on tagit kirjoitettava siten, että ensin merkitään teksti yhdellä tagi-parilla, esim. <U> muotoiltava teksti </U> ja tämän kokonaisuuden ympärille lisätään seuraavat tagit, esimerkissä <I><U> muotoiltava teksti </U></I> ja niin edelleen.
<FONT></FONT>-tagien avulla voidaan muuttaa kirjasinten kokoa, tyyliä ja väriä. SIZE - parametri muuttaa kirjasimen kokoa. Luvut -2,-1,+0,+1,+2,+3,+4 ilmaisevat fontin koon suhteessa ns. normaaliin (oletusarvoiseen) tekstikokoon. Koko voidaan ilmaista myös absoluuttisesti, siis pelkällä luvulla ilman etumerkkiä..
FACE - parametrillä muutetaan kirjasimen tyyliä. Parametrille voi antaa useampia vaihtoehtoisia fonttityylejä. Selain näyttää sellaisen fontin, joka on asennettu tietokoneelle.
COLOR -parametrillä vaihdetaan tekstin väriä käyttämällä RGB-arvoa.
Esimerkki:
<FONT SIZE=+2>muotoiltava teksti</FONT>
<FONT SIZE=2>tekstiä</FONT>
<FONT FACE="Arial","Courier
New">muotoiltava teksti</FONT>
Selain näyttää tekstin Arialina, edellyttäen, että koneessa
on Arial-fontti. Jos ei löydy, näyttää selain tekstin
Courierina. Jos tätäkään ei löydy koneelta, näyttää
selain tekstin käyttäen selaimen omaa oletusfonttia.
<FONT COLOR="#FF0000">punaiseksi</FONT>
Teksti muuttuu punaiseksi.