Maison > interface Web > tutoriel HTML > 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 !

藏色散人
Libérer: 2022-08-05 11:12:39
avant
3576 Les gens l'ont consulté

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>
Copier après la connexion

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>
Copier après la connexion

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>
Copier après la connexion

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!

Étiquettes associées:
source:csdn.net
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal