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="900" height="500" marginheight="10px"
scrolling="yes" border="1" src="https://www.matikki.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ä.

Listat Taulukot

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="listat.html">
	</iframe>
</td>

<td>

	<a href="listat.html" target="ikkuna">Listat</a><br />
	<a href="taulukot.html" target="ikkuna">Taulukot</a>

</td>

</tr>
</table>