Cadre HTML
iframe est un cadre en ligne, qui génère un cadre interne dans la page.
Balise Iframe, également appelée balise de cadre flottant, vous pouvez l'utiliser pour intégrer un document HTML dans un HTML pour l'afficher. La plus grande caractéristique qui diffère de la balise Frame est que le fichier HTML référencé par cette balise n'est pas affiché indépendamment des autres fichiers HTML, mais peut être directement incorporé dans un fichier HTML et intégré au contenu du fichier HTML pour devenir un tout. De plus, vous pouvez également afficher le même contenu plusieurs fois sur une page sans avoir à écrire le contenu à plusieurs reprises. Une métaphore frappante est celle de la télévision « image dans l'image ».
Syntaxe iframe :
<iframe src="URL"></iframe>
L'URL pointe vers une autre page Web.
Analyse de l'utilisation des Iframe
<iframe frameborder=0 width=170 height=100 marginheight=0 marginwidth=0 scrolling = no src="move-ad.htm"></iframe>
<IFRAME> est utilisé pour définir un cadre ou un conteneur flottant pour le texte ou les graphiques.
BORDER
<IFRAME BORDER="3"></IFRAME>
Définir la largeur de la bordure autour du cadre
FRAMEBODER
<IFRAME FRAMEBODER="0"></IFRAME>
Définir si la bordure est en 3D (0=non, 1=oui)
HAUTEUR, LARGEUR
<IFRAME HEIGHT="31" WIDTH="88"></IFRAME>
Définir la largeur et la hauteur de la bordure
SCROLLING
<IFRAME SCROLLING = "NO"></IFRAME>
S'il y a une barre de défilement (OUI, NON, AUTO)
SRC
<IFRAME SRC="GIRL.GIF"> ; </IFRAME>
Spécifiez le fichier ou l'image appelé par IFRAME (HTML, HTM, GIF, JPEG, PNG, TXT, *.*)
Affichez la page de lien du répertoire
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www. php.cn " target="iframe_a">php.cn</a></p>
Exemple 1 :
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php.cn </title> </head> <body> <iframe src="http://www.php.cn /" width="300" height="200" frameborder="0"> <p>您的浏览器不支持 iframe 标签。</p> </iframe> </body> </html>
Exemple 2 :
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php.cn</title> </head> <body> <iframe src="http://www.baidu.com" width="50%" height="30%"> 您的浏览器不支持框架,请升级您的浏览器以便正常访问 </iframe> </body> </html>