Cadre HTML

Cadres HTML

En utilisant des cadres, vous pouvez afficher plusieurs pages dans la même fenêtre de navigateur. Syntaxe iframe

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

Définir un iframe en ligne

<🎜> <🎜><🎜 ><🎜><🎜><🎜><🎜>

Formation continue

nouveau fichier

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <iframe src="http://www.php.cn/" width="400" height="200"></iframe> <iframe src="http://ask.php.cn/" width="400" height="200"></iframe> <p>一些旧的浏览器不支持 iframe。</p> <p>如果浏览器不支持 iframes 则不会显示。</p> </body> </html>

soumettre Réinitialiser le code

Opération automatique

Cadre HTML

ÉlémentaireTutoriel de site Web d'imitation d'entreprise Imperial CMS

ÉlémentaireLes débutants sans aucune base dans WordPress créent des blogs personnels et des sites Web d'entreprise

ÉlémentaireVidéo d'instructions sur la création de sites Web à base zéro Ultimate CMS

ÉlémentaireProjet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

IntermédiaireVue3.0 de 0 pour créer une pratique de projet de système de gestion backend universel

ÉlémentaireCours frontal base zéro [Vue apprentissage avancé et application pratique]

ÉlémentaireTutoriel WEB front-end [HTML5+CSS3+JS]

ÉlémentaireIntroduction rapide à apipost

IntermédiaireTutoriel pratique Vue3+TypeScript au niveau de l'entreprise

ÉlémentaireParlons brièvement de la création d'une entreprise en PHP

IntermédiaireProjet de commerce électronique VUE (combat réel de projet double front-end et back-end)

ÉlémentaireApplication pratique Apipost [api, interface, tests automatisés, mock]