HTML – Les objets
- HTML – Introduction à l’HTML
- HTML – Structure d’un document HTML
- HTML – Le texte
- HTML – Mise en forme sommaire du texte
- HTML – Les titres et sous-titres
- HTML – Les attributs
- HTML – Le texte préformaté
- HTML – Les commentaires
- HTML – Les entités de caractère
- HTML – Les liens
- HTML – Les images
- HTML – Les listes
- HTML – Tableaux
- HTML – Les cadres (FRAMES)
- HTML – Les formulaires
- HTML – Les méta-informations et le réferencement
- HTML – Formatage poussé du texte
- HTML – Les feuilles de style
- HTML – Les couleurs
- HTML – Les images réactives
- HTML – Le son
- HTML – Et le reste…
- HTML – Les objets
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>
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 :
| 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).
- data : c'est la valeur par défaut (c'est pourquoi nous l'avons omis volontairement dans notre exemple). La valeur est