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, Billig Webhosting

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    2016-04-17

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    2016-04-17

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    2015-06-03

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    2015-06-03

Skal jeg først se CSS eller HTML?


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

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    2015-01-03

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    2012-12-23

Hej Fransk, Ja det skulle den gerne...


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

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


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

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    2012-08-10

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    2012-08-08

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    2012-08-08

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    2012-08-03

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


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

Det er nogle fede videoer du laver!


Forum stats

  • 1087 Antal brugere
  • 1568 Antal emner
  • 7888 Antal indlæg

Deltag selv!

Nyt fra vores bloggere

Besøg vores webbureau

WordPress Hjemmeside