Intégrer la balise en HTML-tutoriel HTML-php.cn

Intégrer la balise en HTML

WBOY

Libérer： 2024-09-04 16:32:27

original

790 Les gens l'ont consulté

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>

Copier après la connexion

Attributs requis : Le champ la balise autorise les attributs dans n'importe quel document HTML.

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">

Copier après la connexion

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">

Copier après la connexion

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">

Copier après la connexion

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">

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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!