HTML-opas aloittelijalle - osa 3

 
Tämä on tämän lyhyen oppaan viimeinen osa. Käymme läpi vielä mm. linkittämisen, kuvan sijoittamisen sivulle ja taulukkoon.

Linkki toteutetaan komennolla <a href="HTML-opas2.html">Missä sitaattien väliin tulee linkitettävän sivun osoite</a> ja sen perään linkistä kertova teksti joka päättyy </a> tägiin. Linkki siis alkaa tägillä <a href>.

Yllä punaisella oleva teksti näyttää siis käytännössä tältä: Missä sitaattien väliin tulee linkitettävän sivun osoite

Linkkien väriä voi muuttaa kuten myös tekstin ja pohjan väriä. Värimääritykset tulevat sivun alkuun. Esim. tällä sivulla on käytetty seuraavia värimäärityksiä:

<body text="#333333" bgcolor="#CCFFFF" link="#000099" vlink="#33FF33" alink="#FF9900">
Perusväri                      Taustaväri                  Linkin väri          Vierailtu linkki     Aktiivinen linkki

Värit ilmoitetaan yleensä heksadesimaalimuodossa mutta myös värien englannikielisiä nimiä voi käyttää.

Värit voisivat siis olla esim. seuraavat:
<body text="#BLACK" bgcolor="#GREEN" link="#RED" vlink="#BLUE" alink="#VIOLET">
- heksadesimaaliarvojen käyttäminen antaa luonnollisesti paljon enemmän valinnanvaraa väreissä.
 
 
Kuva voidaan tuoda sivulle tai taulukon soluun tägillä <img src="kuva.jpg"> 

Jossa kuva.jpg on kuvan nimi. Näin tuotuna kuvan tulee sijaita samassa kansiossa kuin se HTML-sivu jolle kuva tuodaan.


 
Kuvalle voidaan haluttaessa määrittää haluttu korkeus ja leveys seuraavasti:
<html>
<table BORDER=0 COLS=2 WIDTH="100%" >
<tr>
<td WIDTH="100"><img SRC="kuva.JPG" height=146 width=200></td>
<td>TEKSTI</td>
</tr>
</table></html>

Mikäli kuvaan halutaan lisäksi liittää linkki esim. toiselle sivulle kuten tässä kuvassa on tehty, se tapahtuu seuraavasti:
<a href="HTML-opas.html"><img SRC="kuva.JPG"></a>
- tässä siis linkin tekstin tilalla on kuvan lähde.


 

Edellinen osa