Guides » HTML » Hvordan laver jeg en iFrame

I denne guide vil du lære hvordan man laver en iFrame og hvordan man bruger den.
 

I denne guide vil jeg vise jer hvordan man laver en iframe og hvordan den skal bruges. 

Måden dette vil fungere på er at jeg vil vise jer sidens indhold og derefter vil jeg fortælle hvad de forskellige ting gør. Jeg vil dog ikke forklare de basis ting i HTML da det anbefales at du kan lidt HTML inden fu læser denne guide.

 

index.html

<html>
<head>
  <title>
    Iframe
  </title>
</head>

<body>
<a href="forside.html" target="minIframe">Forside</a> | <a href="side2.html" target="minIframe">Side2</a><br />
<hr />
<br />
<div align="center">
  <iframe name="minIframe" width="90%" height="90%" src="forside.html" scrolling="auto" frameborder="0"></iframe>
</div>
</body>
</html>

Som det første har vi nogle links som linker til 2 forskellige sider nemlig siden vi starter på som er forside.html og så har vi en anden side som vi kalder side2.html det er den linie som ser sådan ud

<a href="forside.html" target="minIframe">Forside</a> | <a href="side2.html" target="minIframe">Side2</a><br />

Som i kan se er der et target som har værdien minIframe. Det vil fortælle din klient at du vil åbne siden i den frame som hedder minIframe som i vores tilfælde er Iframen hvor vi vil vise vores sider i.

 

Der efter har vi så selve iframen som ser således ud

<iframe name="minIframe" width="90%" height="90%" src="forside.html" scrolling="auto" frameborder="0"></iframe>

som vi kan se fra før med linksne er der et felt der har værdien minIframe her er det dog ikke target men name der har den værdi. det fortæller nemlig server og klienten at denne iframe hedder minIframe. udover det kan vi se at den har et felt der hedder src, dette fungere fatisk ligesom hvis man vil indsætte et billeder på en hjemmeside, her henter den dog bare en html side frem i stedet for. Src er også det der fortæller iframen hvilken side den skal vise som standard.

Vi har også et felt der har hedder scrolling som har værdien auto. Dette felt betyder at der vil bliver vist scrollbars automatisk hvis sidens indhold er størrere end iframens størrelse. sidst men ikke mindst har vi feltet frameborder som har værdien 0. Dette fortæller at der ikke skal være nogen ramme rundt omkring iframen. Hvis man ønsker en ramme sættes denne dog til 1.

 

Nu er vi fatisk færdige, men for at teste kan i jo prøve at lave en forside.html og en side2.html og se om det virker. Jeg vil vise jer koden til min forside.html og side2.html selvom det godt nok kun er meget let html.

 

forside.html

<p align="center">
  Her er min forside
</p>

 

side2.html

<p align="center">
  Dette er side 2
</p>
 

 

I er velkommen til at skrive en kommentar hvis i har har brug for hjælp eller blot ønsker at kommenter denne guide.

 

Links

Her kan i se et live eksempel på denne guide. 

Skrevet af Christian Nyhuus - Onsdag den 12 september 2007. kl. 19:08 * Læst 78174 gang(e)



Kommentar


Lena
 
Nickolaj
 
Kristian
 
Christian Nyhuus
 
MatImmuri
Pacific Care Pharmacy <a href=http://6drugs.com>cialis no prescription</a> Levitra Eigenschaften Healthy Man Complaints
 

Forside
Omkring mig
Billede Galleri
Film Galleri
Guides
Links
Søg
Sitemap
RSS Feed for Webdesignz.dk