Accueil > HTML > HTML – Les objets

HTML – Les objets

This entry is part 23 of 23 in the series HTML - Tutoriel

Dans les débuts du www, les pages HTML n’affichaient que du texte. Puis sont venues les images, permettant ainsi d’agrémenter la présentation
d’un site.
Mais maintenant, on peut inclure bien d’autres objets que des images : des sons, des applets Java, des clips videos, des animations Flash… Presque
tout est possible.
Presque tout ? Et oui, car dans ce domaine, les navigateurs n’en font qu’a leur tête. Il semble que les recomandations du W3C n’aient pas été toutes
suivies dans leurs intégralité.

Pour inclure un objet dans une page, on utilise la balise du type conteneur <OBJECT>. L’exemple suivant est censé afficher une image
de la même façon qu’avec la balise <IMG>. Il en est tout autre …

<OBJECT data="../../images/banniere.gif" type="image/gif" width="520" height="95">
Vu que les navigateurs sont quasiment TOUS incomptétents avec
cette balise, vous devriez voir ce texte
</OBJECT>


Vu que les navigateurs sont quasiment TOUS incomptétents avec
cette balise, vous devriez voir ce texte

Si vous êtes sous Netscape Navigator, vous n’avez certainement rien vu. Si vous êtes sous Microsoft Internet Explorer, vous devez normalement distinguer
une sorte d’image dans un <IFRAME>. Heuresement qu'il reste <IMG>.
Mais détaillons plutôt ce code. Le code HTML contenu dans la balise <OBJECT> est destiné à être affiché au cas où le navigateur
soit incapable d'utiliser l'objet.
L'attribut data représente l'URL de la ressource à utiliser.
type corespond au type MIME. MIME veut dire Multipurpose Internet Mail Extensions.
Ce type permet au navigateur de savoir quel est le type de l'objet : si c'est une image, un clip, un son... Dans notre cas, c'est une image gif.
Reportez-vous au tableau suivant pour connaitre le type MIME à utiliser en fonction de l'objet à inclure :

Les types MIME
Type MIME Type de fichier
application/excel Document Microsoft Excel
application/msword Document Microsoft Word
application/pdf Fichier Acrobat Reader
application/rtf Document RTF
application/zip Archive ZIP
audio/midi Fichier Audio MIDI
audio/mpeg Fichier Audio du type MP3
audio/x-aiff Fichier audio AIFF
audio/x-pn-realaudio Fichier audio RealAudio
image/bmp Image Bitmap
image/jpeg Image JPEG
image/png Image PNG
image/tiff Image TIFF
multipart/x-zip Archive
text/html Document HTML
text/plain Texte brut
video/mpeg Video MPEG
video/quicktime Video QuickTime
video/x-msvideo Video du type AVI
video/x-sgi-movie Video du type MOVIE

Ce tableau est, bien entendu, loin d'être complet. Il resence cependant les types les plus fréquents.
On peut donc inclure un grand nombre de média, comme des clips ou des sons : il suffit de connaitre le type MIME appropriés.
Les attributs width et height spécifient les dimensions que doit occuper l'objet, en pixels.
Voici les autres attributs possibles :

  • align definit l'alignement horizontal ou vertical de l'objet. Les valeurs peuvent être left, center ou right
    pour l'horizontal, ou top, middle ou bottom pour la verticale.
  • standby permet d'afficher un texte durant le chargement de l'objet.
  • code spécifie l'URL d'une classe pour les applets Java.

Pour inclure une applet dans une page, on peut utiliser la balise <OBJECT> à la place de la balise <APPLET> :

<OBJECT code="NervousText.class" width="180" height="60">
<PARAM name="text" value="Cyb Warrior">
</OBJECT>



La balise <PARAM> ne se limite pas seulement aux applet. Elle permet de passer des paramêtres à l'objet et est aussi utilisée avec les
animations Flash.
La balise <PARAM> peut prendre les attributs suivants :

  • name definit le nom du paramêtre. Dans notre exemple, text
  • value est la valeur de ce paramêtre. Ici, c'est Cyb Warrior
  • valuetype définit le type de la valeur de value. Il peut prendre 2 valeurs :
    • data : c'est la valeur par défaut (c'est pourquoi nous l'avons omis volontairement dans notre exemple). La valeur est
      traitée comme étant une donnée.
    • ref : la valeur pointe alors vers une ressource externe (dans le cas d'une image, par exemple).
Series Navigation«HTML – Et le reste…
Categories: HTML Tags:
  1. Pas encore de commentaire
  1. Pas encore de trackbacks