sitemap | terug naar het html5 referentie - tags - overzicht
Om een iframe in html5 op jouw scherm te zetten hoef je alleen maar de onderstaande html-code ergens op jouw pagina te plaatsen. in de B-tag staan een paar parameters. Je kan de margin naar wens aanpassen. Deze staat nu ingesteld op 10px 20px 30px 30px. Deze getallen bepalen achtereenvolgens de top-marge, rechter-marge, bodem-marge en linker-marge van de "iphone-afbeelding". Er staat ook een parameter float:left. Dat dient er voor om de tekst aan de rechterkant van de iphone-afbeelding te laten "vloeien". Wil je geen tekst aan de rechterkant van de afbeelding, kan je deze code verwijderen. Natuurlijk zijn alle parameters naar eigen wens aan te passen. Voel je vrij om te wijzigen wat je maar wilt. Dit voorbeeld valideert op CSS2/CSS3 en HTML5. Dit houdt in dat het 'DOCTYPE' van jouw pagina die van html5 moet zijn (<!DOCTYPE html>).
<b style='margin:10px 20px 30px 30px;float:left;height:318px;width:180px;background:url(http://www.autozine.nl/mobiel/iPod/iphone.png) no-repeat'><iframe style="margin:56px 0 0 21px;width:137px;border:0;height:206px;" src="http://www.autozine.nl/mobiel/iPod/game_toyota.php"></iframe></b>