La balise intégrée en HTML a pour but d'afficher des ressources ou des applications externes. Ceci est principalement utilisé dans le contenu multimédia comme l'affichage de fichiers vidéo ou de fichiers audio dans notre application HTML. Cette balise est également utilisée pour importer des plug-ins comme des animateurs flash. Cette balise est introduite dans la version HTML 5. Il a une balise de fin comme
etc.
Exemple en temps réel : Nous avons vu tellement de sites Web contenir des fichiers multimédias au sein de ces sites Web. Une balise normale n'est pas prise en charge pour afficher les fichiers multimédias. Nous avons donc utilisé une balise embed pour tous les types de fichiers multimédias en HTML.
Remarque : Cette balise est également utilisée pour inclure des images et des fichiers HTML externes.
Comment fonctionne la balise intégrée en HTML ?
Le travail d'intégration HTML est basé sur 4 attributs. Ces attributs précisent ce que l'intégration doit faire.
Syntaxe :
<embed Required attributes>
Attributs requis : Le champ
1. height : Ces attributs utilisés pour spécifier la hauteur de l'élément de contenu intégré. Cette valeur est en pixels.
Syntaxe :
<embed height="value in pixels">
2. width : Ces attributs utilisés pour spécifier la largeur de l'élément de contenu intégré. Cette valeur est en pixels.
Syntaxe :
<embed width="value in pixels">
3. src : Il est utilisé pour transporter l'URL Web, c'est-à-dire utilisé pour spécifier l'adresse Web du contenu intégré.
Syntaxe :
<embed src="web URL">
4. type : Cet attribut est utilisé pour spécifier le type de média comme la vidéo ou l'audio.
Syntaxe :
<embed type="type of media">
Exemples d'intégration de balises en HTML
Voici les exemples suivants mentionnés ci-dessous :
Exemple n°1 – intégrer avec une image
Code :
<!DOCTYPE html>
<html>
<title>embed attribute</title>
<head>
<!-- CSS Code -->
<style>
p {
color: red;
border: 2px solid green;
font-size: 22px;
}
h1 {
color: orange;
text-align: center;
}
</style>
</head>
<body>
<h1>The embed tag introduction</h1>
<p>
The
<embed>
tag in HTML purpose is for displaying external resources or
applications. This is used mostly in multimedia content like showing
video files or audio files into out HTML application. This embed tag
is also used for importing plug-ins like flash animators. This embed
tag is introduced in HTML 5 version. It does have ending tag as like p
tag, <html>, <body>, <a> etc.
</p>
<p>Real Time Example: We have seen so many website contains media
files within that websites. Normal tag are not supported to display
media files. So we have used embed tag for all types of media files in
HTML.</p>
<h1>The embed tag Example</h1>
<embed src="d6.jpg" width="400" height="400">
</body>
</html>
Sortie :
Exemple n°2 – Intégrer avec d'autres ressources HTML
Code HTML : EmbedResource.html
<!DOCTYPE html>
<html>
<title>embed attribute</title>
<body>
<!-- Embed content from other html file -->
<embed src="Resource.html" width="1000" height="200">
</body>
</html>
Code HTML : Ressource.html
<!DOCTYPE html>
<html>
<title>embed attribute</title>
<head>
<!-- CSS Code -->
<style>
p {
color: brown;
border: 2px ridge navy;
font-size: 22px;
}
h1 {
color: blue;
text-align: center;
}
</style>
</head>
<body>
<h1>The embed tag introduction</h1>
<p>
The
<embed>
tag in HTML purpose is for displaying external resources or
applications. This is used mostly in multimedia content like showing
video files or audio files into out HTML application. This embed tag
is also used for importing plug-ins like flash animators. This embed
tag is introduced in HTML 5 version. It does have ending tag as like p
tag, <html>, <body>, <a> etc.
</p>
<p>Real Time Example: We have seen so many website contains media
files within that websites. Normal tag are not supported to display
media files. So we have used embed tag for all types of media files in
HTML.</p>
</body>
</html>
Sortie :
Exemple n°3 – Intégrer avec le fichier vidéo
Code :
<!DOCTYPE html>
<html>
<title>embed attribute</title>
<head>
<!-- CSS Code -->
<style>
p {
color: brown;
border: 2px ridge navy;
font-size: 22px;
}
h1 {
color: blue;
text-align: center;
}
</style>
</head>
<body>
<h1>The embed tag introduction</h1>
<p>
The
<embed>
tag in HTML purpose is for displaying external resources or
applications. This is used mostly in multimedia content like showing
video files or audio files into out HTML application. This embed tag
is also used for importing plug-ins like flash animators. This embed
tag is introduced in HTML 5 version. It does have ending tag as like p
tag, <html>, <body>, <a> etc.
</p>
<p>Real Time Example: We have seen so many website contains media
files within that websites. Normal tag are not supported to display
media files. So we have used embed tag for all types of media files in
HTML.</p>
<!-- Embed content from other video file -->
<embed src="nationalgeography.mp4" width="400" height="300">
</body>
</html>
Sortie :
Conclusion
L'intégration en HTML est utilisée pour inclure des fichiers vidéo et audio dans notre application HTML. Cette ressource intégrée externe peut être redimensionnée selon nos besoins en utilisant les attributs de hauteur et de largeur.
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!
