23. Tekstin muotoilukeinoja - HTML

  
     

Takaisin

 Tallenna työ omaan kansioosi mimellä harjoitus 23.  
  Tee sivu, jossa jonkin verran tekstiä.
Tee seuraavia muotoiluja yksittäisille sanoille.

* Lihavointi
* Kursivointi

Muuta osaan tekstistä kirjasintyypiksi Calibri 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 - ei toimi kaikissa selaimissa  
<SRONG></STRONG> vahva korostus  
<CITE></CITE> lainaus  
  Esimerkikki: <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.