La balise <iframe> en HTML est utilisée pour incorporer du contenu externe dans une page web, généralement à partir d'une autre source. Cela peut inclure des vidéos, des cartes, des documents, des widgets, etc. Voici comment paramétrer la balise <iframe> avec quelques exemples :
html<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Exemple d'iframe</title>
</head>
<body>
<h1>Page principale</h1>
<iframe src="https://www.example.com" width="600" height="400" title="Exemple"></iframe>
</body>
</html>
Dans cet exemple, l'attribut src spécifie l'URL de la ressource que vous souhaitez incorporer. Les attributs width et height définissent les dimensions de l'iframe en pixels, et l'attribut title donne un titre descriptif à l'iframe.
html<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Exemple d'iframe avec vidéo YouTube</title>
</head>
<body>
<h1>Page principale</h1>
<iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allowfullscreen></iframe>
</body>
</html>
Dans cet exemple, l'attribut src de l'iframe pointe vers une vidéo YouTube en utilisant son identifiant (VIDEO_ID). L'attribut frameborder="0" supprime la bordure autour de l'iframe, et allowfullscreen permet à la vidéo d'être visionnée en mode plein écran.
html<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Exemple d'iframe avec Google Maps</title>
</head>
<body>
<h1>Page principale</h1>
<iframe width="600" height="450" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d224272.33922277337!2d-74.00686094654089!3d40.7127762824302!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25902ce4b7757%3A0xe0b76cb804f5e35e!2sNew%20York%2C%20%C3%89tat%20de%20New%20York%2C%20%C3%89tats-Unis!5e0!3m2!1sfr!2sfr!4v1580237326372!5m2!1sfr!2sfr" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
</body>
</html>
Dans cet exemple, l'attribut src pointe vers une URL générée par Google Maps pour afficher une carte à une certaine position.
N'oubliez pas de remplacer les valeurs telles que l'URL, la vidéo YouTube ID, ou les coordonnées GPS par celles qui conviennent à votre cas spécifique.