wat is een iframe ?

een iframe word gebruikt om een webpagina te laten zien
in de vorm van een klein kader waardoor je door deze webpagina kan scrollen.


hoe maak je een iframe doormiddel van html ?

Voor we beginnen met de tutorial een kleine toelichting
alles in deze tutorial is geprogrammeerd met Atom

Stap 1

het maken van een iframe is eenvoudig je gebruikt hiervoor de <iframe> tag:
hieronder ziet u de eerste lijn code die ik gebruikt hebt:

<iframe src="#" ></iframe>
hiermee creƫer je de iframe.

Stap 2

als volgende stap gaan we de grootte van de iframe aanpassen:
om dit te doen gaan we twee functies gebruiken namelijk:
width="" en heigt="" deze twee zetten we binnen onze <iframe> tag: dit zal er als volgt uitzien:


<iframe src="#" width="" height=""></iframe>

Stap 3


nu kan je binnen de aanhalingstekens de maten invullen die je wilt gebruiken
voor je iframe, je kan deze maten invullen in pixels (px) maar dit kan ook perfect in procenten(%)
op de plaats waar de "#" staat zetten we link van de website die we willen laten zien

om een voorbeeld te geven van wat de code in het totaal inhoud:

<iframe src="http://www.tcictas.com/Programming/NL/Programming.php" width="500px" height="375px"></iframe>
proficiat, je hebt nu je eigen iframe gemaakt.