Kotisivun tekemisestä

Takaisin

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.

 

Tekstin muotoilukeinoja

 

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.

 

Fontti -tagi

<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.