🕸️
HTMLCSS-0
  • welkom
  • Les 1: De basis
    • filmpje: wat is HTML?
    • je eerste site
    • body
    • titel
    • filmpje: de basistags
    • beetje meer body
    • kopjes
    • alinea's
    • Opdracht 1
  • Les 2: Body, Plaatje, Link
    • filmpje: plaatjes en links
    • belangrijke tekst
    • plaatje
    • link
    • Opdracht 2
  • Les 3: Lijsten
    • filmpje: opsommingen en lijsten
    • lijst/opsomming
    • Opdracht 4
  • Les 4: Tabellen
    • filmpje: tabellen
    • tabel
    • tabel met lijntjes
    • Opdracht 5
  • Les 5: CSS & kleur
    • filmpje: css en kleuren
    • style
    • apart css bestand
    • Opdracht 5
  • Les 6: iframe
    • filmpje: iframes om andere pagina's in te voegen
    • YouTube of maps toevoegen
    • Opdracht 6
  • Eindopdracht html-0
Powered by GitBook
On this page

Was this helpful?

  1. Les 6: iframe

YouTube of maps toevoegen

Previousfilmpje: iframes om andere pagina's in te voegenNextOpdracht 6

Last updated 4 years ago

Was this helpful?

Vaak wil je een deel van een andere pagina in jouw eigen pagina opnemen. Denk bijvoorbeeld aan een Youtube filmpje, of een interactieve Google maps kaart. Dit heet 'insluiten' of 'embedding'. Veel pagina's hebben hiervoor functies ingebouwd.

Zie de voorbeelden van youtube.

Je klikt eerst op 'Share' of 'Delen'. Daarna kies je 'Embed' of 'Insluiten'.

Je krijgt nu een schermpje waarin een stuk html-code staat die begint met:

<iframe … Zorg dat je de hele regel kopieert. Dus helemaal tot en met de afsluitende </iframe>-tag.

Dus bijvoorbeeld: <iframe width="560" height="315" src="https://www.youtube.com/embed/rYFjIx0OBAI" frameborder="0" allowfullscreen></iframe>

Zet de regel code in je pagina en je bent klaar!

Bij Google maps gaat het op soortgelijke manier.

Je zoekt een plek op waarvan je de interactieve kaart wilt hebben.

Dan klik je op 'Delen'. Kies vervolgens 'Kaart insluiten' en neem de regel code over die begint met <iframe …

De grootte kun je weer aanpassen door width en height te veranderen in de regel code.

Je kunt met het <iframe> element ook andere webpagina's invoegen. Let wel op want sommige pagina's laten dit niet toe.