Comment ajouter des iframes en html

Langue de balisage hypertexte alias HTML est une langue utilisée dans le but de créer des structures fondamentales des pages Web. Il offre de nombreuses fonctionnalités distinctives qui rendent votre site Web plus interactif. L'une de ces fonctionnalités est le HTML IFRAME ou le cadre en ligne HTML. Préparez-nous dans les détails des iframes.

Html iframe

HTML IFRAME vous permet d'ajouter un document externe à votre document HTML, par exemple, une page Web dans une page Web. Le document intégré est indépendant des éléments environnants. Afin d'ajouter un iframe dans votre document HTML actuel, le

L'URL de la syntaxe indique l'emplacement du document externe que vous souhaitez intégrer dans votre page Web actuelle.

Exemple
Dans l'exemple suivant, nous intégrons un document externe dans notre fichier HTML.

Sortir
La page Web externe a été intégrée dans la page Web HTML actuelle.

C'est comment vous pouvez inclure un iframe dans votre page Web HTML.

Ajuster la hauteur et la largeur d'un iframe

Comme vous pouvez le voir dans la capture d'écran ci-dessus, il y a une certaine hauteur et largeur de l'iframe. La hauteur et la largeur de l'iframe peuvent être fixées en fonction de votre désir. Voici un exemple d'ajustement de la hauteur et de la largeur d'une infraction.

Exemple
Dans l'exemple suivant, nous avons réglé la hauteur et la largeur d'un iframe à l'aide d'attributs HTML.

Dans l'exemple ci-dessus, nous avons réglé la largeur de l'Iframe à 600 et la hauteur à 200.

Sortir

La hauteur et la largeur de l'iframe indiquées dans la sortie ont été ajustées à l'aide d'attributs HTML.

Une autre approche pour ce faire est d'utiliser CSS. Voici un exemple de définition de la hauteur et de la largeur d'un iframe HTML à l'aide de CSS.

Exemple

Sortir

La hauteur et la largeur de l'iframe indiquées dans la sortie ont été ajustées à l'aide de CSS.

Ajustement des bordures de

Dans l'exemple ci-dessus, en utilisant la propriété de la frontière CSS, nous avons réglé la bordure de l'Iframe 5px avec une couleur noire solide.

Sortir

La bordure de l'IFRAME montrée dans la sortie a été ajustée.

iframes comme hyperliens cibles

Un iframe peut être utilisé comme hyperlien cible qui signifie que l'utilisation d'Iframe comme hyperlien cible, un utilisateur peut afficher le lien fourni sur une page HTML dans cet iframe au lieu de l'ouvrir dans une nouvelle fenêtre. Dans le but de le faire, définissez l'attribut cible de la balise comme l'attribut de nom de l'IFRAME.

Exemple

Visitez Linuxhint.com

Dans l'exemple ci-dessus, nous avons intégré une page Web dans une page Web HTML, en outre, nous avons utilisé Iframe comme hyperlien cible. Comme vous pouvez le voir, nous avons défini l'attribut cible de la balise identique à l'attribut de nom de l'IFRAME. Ce faisant, lorsque vous cliquez sur l'hyperlien, il s'ouvrira dans le même iframe au lieu d'une nouvelle fenêtre.

Sortir

Cliquez sur l'hyperlien et il s'ouvrira dans l'Iframe.

L'hyperlien illustré dans la sortie s'ouvrira dans l'inframe.

Suivant les approches susmentionnées, vous pouvez ajouter un iframe dans votre page Web HTML.

Conclusion

Pour ajouter un iframe dans votre document HTML, utilisez la balise HTML. Iframe abréviation pour les cadres en ligne est utilisé pour ajouter des pages Web externes dans votre page Web HTML actuelle. Ces iframes sont indépendants des éléments environnants d'une page Web. La hauteur et la largeur d'un iframe peuvent être ajustées en fonction de votre désir, en outre, IFRAMES peut être utilisé comme hyperlien cible. Cet article discute en profondeur, comment ajouter des iframes en HTML en utilisant des exemples appropriés.