Les iframes en HTML — Correction d'exercices

Voici des propositions de solutions en mode console (via readline()). N’hésite pas à les adapter.

#1 — Iframe basique

Intègre la page 'https://example.com' dans un cadre de 500x300 pixels.

Voir le corrigé

<iframe src="https://example.com" width="500" height="300"></iframe>

Comment supprimer la bordure par défaut d'une iframe (attribut ou CSS) ?

Voir le corrigé

<iframe src="page.html" style="border:none;"></iframe>

Quel est le code type pour intégrer une vidéo Youtube ?

Voir le corrigé

<iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" allowfullscreen></iframe>

Donne le nom 'monCadre' à une iframe et crée un lien qui s'ouvre dedans.

Voir le corrigé

<iframe name="monCadre" src=""></iframe>
<a href="https://example.com" target="monCadre">Ouvrir dans l'iframe</a>

Quel attribut permet de restreindre les actions dans une iframe (ex: sandbox) ?

Voir le corrigé

<iframe src="page.html" sandbox></iframe>