Exercices sur les balises iframe

page HTML utilisant les iframe

Écrire une page HTML 5.0 telle que :

fichier de premier niveau iframe file2.html à produire :

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
  <head>
  <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
  <title>Page en HTML 5 avec iframe</title>
</head>
<body>
  <h1>Et encore une inclusion de <samp>iframe</samp>.</h1>
  <iframe src="file3.html" sandbox="" width="900" height="370">Circulez, il n'y a rien à voir</iframe>
 
  <p><a href="http://validator.w3.org/check?uri=referer">page xHTML validé !</a></p>
</body>
</html>

fichier de second niveau iframe contenant les différents liens file3.html à produire :

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
  <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
  <title>Page en HTML 5 avec lien</title>
</head>
<body>
 
<h1>Page en HTML 5 destinée au test des liens et des <samp>iframes</samp></h1>
 
<p>ceci est le corps de mon document</p>
<ul>
  <li>voici <a href="" target="_top">un lien sur <samp>top</samp></a></li>
  <li>voici <a href="" target="_parent">un lien sur <samp>parent</samp></a></li>
  <li>voici <a href="" target="_blank">un lien sur <samp>blank</samp></a></li>
  <li>voici <a href="" target="_self">un lien sur <samp>self</samp></a></li>
  <li>voici <a href="http://www.resact-mp.com/" target="_parent">un lien sur un site public quelconque</a></li>
</ul>
<form action="#" target="_parent">
  <input type="submit" name="le_boutton"/>
</form> 
<p><a href="http://validator.w3.org/check?uri=referer">page xHTML validé !</a></p>
</body>
</html>

Fichier à produire  :

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
  <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
  <title>Utilisation de la balise iframe.</title>
</head>
<body>
  <h1>Utilisation de la balise iframe.</h1>
  <iframe src="file2.html" width="1000" height="500"></iframe>
 
  <p><a href="http://validator.w3.org/check?uri=referer">page xHTML validé !</a></p>
</body>
</html>
voir le résultat
pages validées par Valid XHTML 1.1 CSS validé !