Cadres HTML
En utilisant des cadres, vous pouvez afficher plusieurs pages dans la même fenêtre de navigateur. Syntaxe iframe
:
<iframe src= "URL"> </iframe>Cette URL pointe vers une autre page Web. Vous pouvez également pointer vers un fichier HTML spécifique
Iframe - définir la hauteur et la largeur
Les attributs height et width sont utilisés pour définir la hauteur et la largeur de la balise iframe.
Les attributs sont en pixels par défaut, mais vous pouvez préciser qu'ils s'affichent proportionnellement (ex. : "80%").
Instances
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<iframe src="second.html" width="400" height="200"></iframe>
<iframe src="http://ask.php.cn/" width="400" height="200"></iframe>
<p>一些旧的浏览器不支持 iframe。</p>
<p>如果浏览器不支持 iframes 则不会显示。</p>
</body>
</html>
Iframe - supprimer les bordures
L'attribut frameborder est utilisé pour définir si l'iframe indique s'il faut afficher la bordure. Définissez la valeur de l'attribut sur "0" pour supprimer la bordure de l'iframe :
Exemple<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<iframe src="http://www.php.cn/" width="200" height="200" frameborder="0">
<p>您的浏览器不支持 iframe 标签。</p>
</iframe>
</body>
</html>
Exécuter ce programme pour voir ce qui est différent du programme ci-dessus
Utiliser iframe pour afficher la page de lien d'annuaire
iframe peut afficher une page de lien cible
Les attributs du lien cible doivent utiliser les attributs d'iframe, comme dans l'exemple suivant :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<iframe src="http://www.php.cn" name="iframe_a"></iframe>
<p><a href="http://www.php.cn" target="iframe_a">php.cn</a></p>
</body>
</html>
Exécutez le programme et cliquez pour voir
Balise iframe HTML
| 标签 | 描述 | | <iframe> | 定义一个内联的iframe |
tag |
Description
|
| <iframe> | Définir un iframe en ligne |
<🎜> <🎜><🎜 ><🎜><🎜><🎜><🎜>
section suivante