Maison  >  Article  >  interface Web  >  Explication détaillée de l'utilisation de la balise HTML en ligne iframe !

Explication détaillée de l'utilisation de la balise HTML en ligne iframe !

藏色散人
藏色散人avant
2022-08-05 11:12:393548parcourir

Iframe Inline frame

iframe est une balise HTML. Elle peut intégrer le cadre et le contenu d'une page Web dans une page Web existante, c'est-à-dire que nous pouvons charger les sites Web d'autres personnes dans nos propres pages Web. Balise iframe Certaines des propriétés que nous devons connaître lors de l'utilisation d'iframe nous aident à mieux l'utiliser. [Recommandé : Tutoriel vidéo HTML]

usage et attributs

usage :

Utilisez la balise iframe directement dans la page

 <iframe src="" frameborder="0"></iframe>

Attributs :

  • src : l'adresse de la page importée
  • framedorder : s'il faut afficher la bordure, les valeurs d'attribut sont oui et non, oui signifie afficher la bordure, non signifie ne pas afficher
  • name : nom d'identification du cadre
  • scrolling : si la barre de défilement apparaît, les valeurs d'attribut​​ sont oui, non, auto. yes signifie afficher la barre de défilement et no signifie ne pas afficher la barre de défilement. auto s'adapte automatiquement à la taille de la fenêtre.
  • width : Définissez la largeur de l'iframe, qui peut être ajustée en px ou en pourcentage
  • hight : Définissez la hauteur de l'iframe, qui peut être ajustée en px ou en pourcentage
  • noresize : s'il faut autoriser la taille de. la fenêtre du cadre à ajuster.
  • algin : Selon la façon dont les éléments environnants sont alignés

Voyons comment elle est utilisée.

1. Utilisez l'imbrication directement sur la page

```html
  <iframe src="http://www.baidu.com" frameborder="0" width="60%" height="500px" scrolling="auto">
  </iframe>

Explication détaillée de lutilisation de la balise HTML en ligne iframe !

2 Utilisez-la en combinaison avec une balise

  <p><a href="http://www.baidu.com" target="right-frame">百度</a></p>
    <p><a href="http://qq.com" target="right-frame">腾讯</a></p>
    <iframe src="http://qq.com"  name="right-frame" width="400px" height="300px">
    </iframe>

Explication détaillée de lutilisation de la balise HTML en ligne iframe !

À ce moment, cliquez sur le lien hypertexte Baidu pour accéder à la page

Explication détaillée de lutilisation de la balise HTML en ligne iframe !

. Ces deux pages peuvent réaliser un simple saut.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer