Le langage HTML/Multimédia

Le langage HTML

• Introduction
• Structure de base
• Bien commencer le HTML
• L'en-tête
• Caractères spéciaux et entités
• Titre et paragraphes
• Style de texte
• Placement des objets
• Liens
• Images
• Listes
• Tableaux
• Formulaires
• Cadres
• Multimédia
• Internationalisation
• Autres balises
• Zones de mise en forme
• XML et XHTML
• HTML5
• Conclusion
• Mots réservés

Dans une page, nous pouvons insérer différents contenus autres que du textes et des images. Il peut s'agir de sons, de vidéos, d'animations (Adobe Flash ou SMIL) ou d'appliquettes (applets).

---

Note

Consultez la section L'attribut src du chapitre Image concernant l'utilisation du contenu d'un autre site.

---

Balise object

Pour intégrer un objet, nous utilisons la balise <object>. Comme toutes les balises, on peut lui définir les attributs id, class, title, style, dir, lang et xml:lang. En outre, cette balise dispose d'attributs spécifiques :

data

localisation de l'objet à insérer (adresse réticulaire), c'est l'équivalent du src de l'élément <img> ;

type

le type MIME du contenu ;

width

largeur de l'affichage ;

height

hauteur de l'affichage ;

standby

est l'équivalent du alt pour <img>. Ce texte est affiché pendant le chargement.

On peut, à l'intérieur de la balise object, donner du code qui s'affichera si le contenu ne peut pas être affiché. On peut également donner quelques paramètres à l'objet à l'aide de la balise <param /> qui associe à chaque paramètre une valeur booléenne. Voici les paramètres disponibles :

loop

indique si le média doit être jouer en boucle ou seulement une fois ;

controller

indique si il faut faire apparaître des boutons de contrôles ;

autoplay

indique si il faut lancer la vidéo au chargement de la page ; attention : à éviter à tout prix si la page contient plusieurs médias.

Insertion d'une vidéo

<object data="video.mpeg" title="une vidéo d'exemple" type="video/mpeg" standby="Vidéo d'exemple">
  <param name="loop" value="false" />
  <param name="autoplay" value="false" />
  <param name="controller" value="true" />
  Impossible de lire la vidéo : <a href="video.mpeg">Téléchargez-la</a>
</object>

Insertion d'une animation Flash

<object data="flash.swf" title="animation d'exemple" type="application/x-shockwave-flash" standby="animation d'exemple">
  Impossible de lire l'animation Flash
</object>

Insertion d'un fichier PDF

<object type="application/pdf"
    data="/media/wikibooks.pdf"
    width="600"
    height="500">
</object>

Obsolète : balise embed

Avant la balise object, on utilisait la balise embed. Cette balise avait été créée par Netscape. Elle ne fait pas partie de la norme W3C et donc ne devrait pas figurer sur des sites ; cependant, les navigateurs l'interprètent en général correctement, on peut donc encore la trouver sur des sites. De ce fait, il peut être utile d'en connaître la syntaxe pour convertir de l'ancien code.

Exemple d'utilisation simple

<embed src="foobar.wav" />

où foobar.wav est le nom du fichier son.

Les attributs de cette balise sont :

src

l'emplacement (URL) de l'objet

alt

texte de remplacement à afficher

height

hauteur de l'affichage

width

largeur de l'affichage

name

nom de l'objet