Scribd
Importer
58 vues2 pages

Voici Un Exemple de Code Pour Créer Une Page HTML Avec Des Éléments Multimédias, Tels Que Des Images, Des Vidéos Et Des Fichiers Audio

Cet exemple montre comment créer une page HTML contenant des éléments multimédias tels qu'une image, une vidéo et un fichier audio en utilisant les balises appropriées comme <img>, <video> et <audio>.

Transféré par

sandowitchley
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
58 vues2 pages

Voici Un Exemple de Code Pour Créer Une Page HTML Avec Des Éléments Multimédias, Tels Que Des Images, Des Vidéos Et Des Fichiers Audio

Cet exemple montre comment créer une page HTML contenant des éléments multimédias tels qu'une image, une vidéo et un fichier audio en utilisant les balises appropriées comme <img>, <video> et <audio>.

Transféré par

sandowitchley
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd

Voici un exemple de code pour créer une page HTML avec des éléments multimédias, tels

que des images, des vidéos et des fichiers audio :

<!DOCTYPE html>

<html>

<head>

<title>Page multimédia</title>

</head>

<body>

<h1>Ma page multimédia</h1>

<h2>Image</h2>

<img src="chemin/vers/mon/image.jpg" alt="description de l'image">

<h2>Vidéo</h2>

<video width="320" height="240" controls>

<source src="chemin/vers/ma/video.mp4" type="video/mp4">

<source src="chemin/vers/ma/video.webm" type="video/webm">

</video>

<h2>Fichier audio</h2>

<audio controls>

<source src="chemin/vers/mon/fichier-audio.mp3" type="audio/mpeg">

<source src="chemin/vers/mon/fichier-audio.ogg" type="audio/ogg">

</audio>

</body>

</body> </html>

Explication :

<!DOCTYPE html> : définit le type de document HTML

<html> : balise ouvrante pour définir le début du document HTML


<head> : balise ouvrante pour définir l'en-tête du document, où se trouvent notamment le titre de la
page

<title> : balise pour définir le titre de la page

</head> : balise fermante de l'en-tête

<body> : balise ouvrante pour définir le corps de la page

<h1> : balise pour définir un titre de niveau 1

<h2> : balise pour définir un titre de niveau 2

<img> : balise pour afficher une image, avec l'attribut src qui définit le chemin vers l'image et
l'attribut alt qui donne une description alternative pour l'image (utile notamment pour l'accessibilité)

<video> : balise pour afficher une vidéo, avec l'attribut src qui définit le chemin vers la vidéo et
l'attribut type qui définit le format de la vidéo. L'attribut width et height définissent la taille de la
vidéo en pixels et l'attribut controls affiche les boutons de contrôle de la vidéo (lecture, pause, etc.).

<source> : balise enfant de la balise <video> qui définit les différents formats de la vidéo pour une
meilleure compatibilité avec différents navigateurs.

<audio> : balise pour afficher un fichier audio, avec l'attribut src qui définit le chemin vers le fichier
audio et l'attribut type qui définit le format audio. L'attribut controls affiche les boutons de contrôle
pour la lecture audio.

</body> : balise fermante du corps de la page

</html> : balise fermante du document HTML

Vous aimerez peut-être aussi