Iframes i HTML5 - Dansk video kursus
NemProgrammering.dk logo
Læs mere om denne UnoEuro Rabatkode
UnoEuro rabatkode

Iframes i HTML5

Lad NemProgrammering.dk´s eksperter lave din hjemmeside for dig
Vi tilbyder professionel hjælp til udvikling af hjemmesider og webshops . Læs mere om vores ydelser her!

Information om denne video

Underviser: Thomas Iversen, www.billig-webhosting.dk

I denne video kigger vi på iframes i HTML 5 og hvordan de kan anvendes. Iframes kan være brugbare i mange situationer, men vi anbefaler altid at du holder brugen af iframes på din hjemmeside på et minimum. Vi forklarer hvorfor i videoen.

I videoen viser vi det ikke, men mellem de to iframe tags <iframe> og </iframe> kan man også indsætte indhold i iframen. Skriver du f.eks. <iframe> <p> indhold i min iframe </p> </iframe> vil der i din iframe komme til at stå "indhold i min iframe".

Der findes en ældre version af denne video. Hvis du ønsker at se denne så klik her: Iframes i HTML Herunder finder du koderne der vil blive lavet i videoen - kopier dem gerne!

Video tags:

Denne video relaterer til emner såsom: html hjemmesider , html5 kursus, HTML5 video tutorial, HTML vejledning, lær HTML, begynder HTML 5, gratis HTML video tutorials, iframes i HTML5, iframe

Her har du kildekoden

<!DOCTYPE html>
<HTML lang="da">
    <HEAD>
        <TITLE> Iframes i HTML5</TITLE>
        <META charset="utf-8" />
        <META name="keywords" content="" />
        <META name="description" content="" />
    </HEAD>
    <BODY>
        <iframe src="https://www.nemprogrammering.dk/" style="width: 700px; height: 500px;" name="iframe"></iframe> 
        <br/>
        <a href="https://www.nemprogrammering.dk/" target="iframe">NemProgrammering.dk</a><br/>
        <a href="Sorthund.html"  target="iframe">Hund</a>

    </BODY>
</HTML>
        

Spørgsmål og kommentarer

Har du et spørgsmål eller en kommentar til denne video/artikel? Så skriv herunder! Alternativt kan du kontakte os på vores forum, hvor en masse hjælpsomme personer sidder klar til at hjælpe.

Url´er bliver automatisk omdannet til links (nofollow).

kommentar på NemProgrammering.dk - lav din egen hjemmeside
Thomas    17-04-2016

Hej Tommer, Det kan godt ske, at din browser af sikkerhedsmæssige årsager ikke viser indhold fra andre eksterne hjemmesider i din iframe. Prøv at indsætte en url til en af dine egen sider - virker det? Mvh.


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Thommer    17-04-2016

Hej, jeg har kopieret dine koder ind i mit netbeans og skiftet links ud til min youtube kanal og min instagram profil, men min iframe er bare blank, hvad kan det skyldes? ps. jeg bruger safari som browser


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Thomas    03-06-2015

Hej Shaxi, Start med HTML og gå derefter i gang med CSS. Det er i den rækkefølge man typsik lærer det i. Mvh.


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Shaxi    03-06-2015

Skal jeg først se CSS eller HTML?


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Thomas    05-01-2015

Hej Sebastian, Hvad er det der ikke virker? Kan du beskrive problemet lidt bedre? Bruger du den iframe Youtube stiller til rådighed til embed? Post gerne dit problem på vores forum og vedlæg også gerne den kode der ikke virker for dig.


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Sebastian    03-01-2015

Hej, Tak for jeres videoer! Love it.. Jeg prøver at embedded en youtube video via iframe attributten, men det virker ikke? Nogle ideer why?


kommentar på NemProgrammering.dk - lav din egen hjemmeside
NemProgrammering.dk    23-12-2012

Hej Fransk, Ja det skulle den gerne...


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Frank    21-12-2012

Hej ! Vil denne iframe vise korrekt på en ipad ? M.v.h. Frank


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Erling Jepsen    01-12-2012

Hej Videoen alt for avanceret for os ikke nørder. Mit problem er, at jeg ikke længere kan se f.eks vedhæftede filer, kataloger, konkurrencer, spørgeundersøgelser og alt andet vedhæftet og svare på det. Der står, at min computer mangler iframes og jeg vil så bare gerne have det installeret!!! Hjælp hilsen Erling


kommentar på NemProgrammering.dk - lav din egen hjemmeside
NemProgrammering.dk    10-08-2012

Hej Esben, Til dit første spørgsmål: Du vil kun vise et specielt område af en ande side ikke også? Prøv at se dette link for en evt. løsning: http://www.webdeveloper.com/forum/showthread.php?t=108520 Til dit andet spørgsmål, så er jeg ikke helt sikker på hvad det skyldes og hvad en løsning kunne være... HVis du opretter dig på vores forum og lægger et billedet op af problemet kan vi måske hjælpe dig bedre...


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Esben    08-08-2012

Jeg har desduen det problem at "resten" af den side hvori min iframe er placeret, bliver vist i iframen - altså er det den externe url + den skabelon min hjemmeside ellers er bygget på af (typo3) som altsammen bliver vist i iframevinduet, hvorimod det omkringværende blot er gråt.


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Esben    08-08-2012

Kan man få vist et udsnit af en anden side i sin iframe? Jeg skal have et element som altid er placeret sådanne: margin-left:-04px; margin-top:-234px; på src siden, og som måler width:996px; height:750px - men altså ikke alt andet. Hvordan gør jeg det?


kommentar på NemProgrammering.dk - lav din egen hjemmeside
jonas    03-08-2012

jeg har prøvet alt også din kode det virker ikke


kommentar på NemProgrammering.dk - lav din egen hjemmeside
www.youtube.com/user/RexcraftDK    28-02-2012

Det er nogle fede videoer du laver!