NemProgrammering.dk logo
nordicway webhotel

Iframes i HTML

HTML kursus | Lær HTML for begyndere
WordPress hjemmeside hjælp

Information om denne video

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

I denne video kigger vi på iframes i HTML 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. Grunden til at du skal holde bruge af iframes på et minimum er, at de i princippet henter indhold ind på din side fra andre side. De er et slags vindue til en anden hjemmeside. Problemet er, at søgemaskiner ikke læser indholdeti dine iframes, og hvis du anvender dem til at vise vigtigt indhold, så vil Google ikke kunne se det. Derfor skal du kun bruge iframes, i situationer, hvor andre løsninger ikke er mulige.

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".

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>
<head>
  <title>Iframes</title>
  <meta charset="utf-8" />
  <meta name="description" content="Iframes i HTML" />
</head>
<body>

<iframe src="https://www.nemprogrammering.dk/" style="width:500px;height:500px" name="iframe"></iframe><br/>
<a href="https://www.nemprogrammering.dk/" target="_blank">Nemprogrammering.dk</a><br/>
<a href="hund.html" >Hund</a>

</body>
</html>

Spørgsmål og kommentarer

Har du spørgsmål eller kommentarer? Så skriv herunder og vi eller en anden lœser vil svare hurtigst muligt!

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

kommentar på NemProgrammering.dk - lav din egen hjemmeside
Maj-Britt    11-03-2021

Hej Kan man lave en html ifram kode der kun indsætter en del af en anden side? Så jeg slipper for at få header og footer med fra den anden side?


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Thomas    27-02-2020

Jeg har selv brugt iframe til at implementere et spil (7 kabale på https://gratis7kabale.dk), men kan nu forstå, at det ikke er optimalt at bruge iframe. Jeg har søgt efter alternative løsninger på nettet, men synes det er svært at finde et konkret svar på det, jeg leder efter - altså et alternativ til iframe, der gør det muligt at beholde spillet på siden. Kender i til et alternativ til den nuværende iframe-opsætning, der gør, at jeg kan beholde spillet som hidtil? Eller er jeg nødt til at tage til takke med den nuværende iframe-opsætning?


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Thomas Frost    29-10-2019

Hej Hvorfor er der sider man godt kan indsætte i iframe og sider man ikke kan? Er der en måde man kan komme uden om det?


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Lukas    17-01-2019

Vær gang jeg skal style noget viser min text ikke grøn


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Lukas    17-01-2019

Vær gang jeg skal style noget viser min text ikke grøn


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!