Valikko:

Iframe

Iframe -elementtiä käytetään kotisivulla tuomaan toinen html-dokumentti sivun sisälle. Tämä ei kuitenkaan toimi aivan kaikille sivuille, vaan joissain tapauksissa sivun tuominen on estetty tekijöiden toimesta.

Iframe-elementillä on sekä aloitus, että lopetustagi.

Mahdollisia parametrejä

Parametri Mahdolliset arvot Kuvaus
src Sivun osoite (URL) Mikä sivu tuodaan iframen sisälle
height Esim. 200px iframe-ikkunan korkeus/td>
width Esim. 200px iframe-ikkunan leveys
frameborder 1 tai 0 näkyykö iframe-ikkunassa reunukset
align left, right, top, middle, bottom ikkuna sijainti
scrolling yes, no, auto Jos tuotu sivu on isompi, kuin iframe-ikkuna, niin sallitaanko scrollaus-säätimet
name vapaavalintainen iframe-ikkunan nimi
marginheight Esim. 10px Ylä- ja alamarginaalin koko iframen sisällölle
marginwidth Esim. 10px Vasemman ja oikean marginaalin koko iframen sisällölle

Esimerkki:

Alla olevan ikkunan tekee koodi:


<iframe width="700" height="500" marginheight="10px"
scrolling="yes" border="1" src="http://www.makupalat.fi">

</iframe>


Monimutkaisempi esimerkki

Alla olevassa esimerkissä iframeen nimeltä ikkuna tuodaan halutut sivut linkkien avulla. Linkkiin täytyy muistaa vain kirjoittaa parametriksi target="ikkuna" . Kohdistuksen hoidamme taulukon avulla ja kahdella palstalla yhdellä rivillä.

Makupalat
Ilmaisohjelmat.fi

Koodi löytyy tästä


<table border="0">
<tr valign="top">

<td>
	<iframe name="ikkuna" width="900" height="500" marginheight="10px"
		scrolling="yes" border="0" src="http://www.makupalat.fi">
	</iframe>
</td>

<td>

	<a href="http://www.makupalat.fi" target="ikkuna">Makupalat</a><br />
	<a href="http://www.ilmaisohjelmat.fi" target="ikkuna">Ilmaisohjelmat.fi</a>

</td>

</tr>
</table>