FA_411_insertion objet html

border
nombre de pixels ou
pourcentage
FICHE
NUMÉRO
Trace une bordure tout autour de
l’objet et surtout définit l’épaisseur de
cette bordure.
L’INSERTION D’OBJETS EN HTML
Ex : <object border="3">...</object>
height
nombre de pixels ou
pourcentage
Définit la hauteur de l’objet.
J
’ai créé ma page Web. Je l’ai enregistrée. J’ai inséré les
balises de définitions, les balises d’en-têtes, de mise en
forme du texte, de mise en page du fichier HTML. Maintenant,
je souhaite insérer des images, des vidéos, du son.
Comment dois-je m’y prendre ?
Ex : <object height="200">...</object>
width
nombre de pixels ou
pourcentage
411
Définit la largeur de l’image.
Ex : <img src="image02.jpg" alt="Image 2"
width="50" />
TECHNIQUE
HTML
Après l'insertion de l'objet, il est possible de le configurer à l'aide d'une ou plusieurs
balises <param />. Ces paramètres s'insèrent entre <object> et </object>.
name
value
Valeurs possibles
Description
Désigne la propriété du paramètre.
- «speed» désigne la vitesse de
diffusion de l’objet
speed, filename, quality, etc
- «filename» désigne le nom de l’objet
- «quality» définit la qualité du niveau
de restitution
Code MIME
Définit la valeur de la propriété
enoncée dans l'attribut name et qui
doit être transmise à l'objet.
Ex : <object data="film.mov" codetype="video/
quicktime" width="750" height="150">
<param name="speed" value="5"/>
<param name="quality" value="high" />
</object>
Altéa Conseils © 2004
L'insertion d'objet en HTML
http://pbc.alteaconseils.com
© ALTEA CONSEILS • http://pbc.alteaconseils.com • Reproduction limitée dans le cadre de Pau Broadband Country
Attribut
Qu’est-ce qu’un objet ?
Un objet est un fichier de n’importe quel type, situé en dehors du fichier HTML et qui
peut y être inséré.
Il peut s’agir :
- d’une image en «.gif», «.jpg» ou «.png»
- d’un fichier de musique au format MIDI ou MP3
- d’une animation Flash
- d’une vidéo diffusée en streaming en «.wav», en «.mov», en «.avi» ou encore en «.rar»
- d’une applet Java (application développée en langage Java)
- d’un tableau excel
- d’un monde en 3D
- etc.
Altéa Conseils © 2004
L'insertion d'objet en HTML
http://pbc.alteaconseils.com
Comment insérer une image ?
L’insertion d’une image aux formats du Web (GIF, JPG, PNG) s’effectue spécifiquement
avec la balise <img /> (img=image).
La balise <img /> présente deux attributs obligatoires :
Attribut
src
Valeurs possibles
Description
Détermine le lieu de stockage de
l'image-source (scr=source).
Adresse ou URL de l'image L'image peut se trouver dans le
même répertoire que le fichier HTML,
ou dans un répertoire différent.
Comment insérer un objet ?
Tous les objets autres que les images aux format GIF, JPG et PNG, s’incorporent aux
fichiers HTML à l’aide des balises <object>…</object> (object=objet) et <param />
(param=parameter=paramètre).
La balise <object>…</object> ne présente pas d’attributs obligatoires. C'est le
développeur qui choisit les attributs à mentionner. Les attributs possibles sont :
Attribut
data
Valeurs possibles
Description
Adresse ou URL du fichier
Mentionne la source de données
à incorporer.
Ex : <object data="fichier.txt">...</object>
Ex : <img scr="image02.jpg" />
alt
Texte
Mentionne le texte alternatif affiché à
l’écran au cas où l’image ne peut être
visualisée.
type
Attribut
align
Valeurs possibles
top, middle, bottom, left,
center, right
border
nombre de pixels ou
pourcentage
nombre de pixels ou
pourcentage
codetype
Trace une bordure tout autour de
l’image et surtout définit l’épaisseur
de cette bordure.
border="3" />
codebase
Définit la largeur de l’image.
Ex : <img src="image02.jpg" alt="Image 2"
width="50" />
Altéa Conseils © 2004
L'insertion d'objet en HTML
http://pbc.alteaconseils.com
Mentionne le code MIME des fichiers
exécutables incorporés.
Adresse ou URL du fichier.
Définit l’adresse ou l’URL où peut être
téléchargé le plug-in utilisé s’il est
absent de l’ordinateur utilisé.
Ex : <object codebase="http://active.macromedia.
Définit la hauteur de l’image.
com/flash2/cabs/swflash.cab#version=4,0,0,0"
classid="CLSID:D27CDB6E-AE6D-11cf-96B8444553540000">...</object>
height="150" />
nombre de pixels ou
pourcentage
Code MIME
Ex : <object codetype="application/java">...
</object>
Ex : <img src="image02.jpg" alt="Image 2"
width
Définit un objet sans ambiguité, très
Adresse, URL du fichier
utilisé pour incorporer les fichiers
ou chaîne de caractère
exécutables comme les applets Java
invariable (animation Flash)
ou les animations Flash.
Ex : <object classid="java:applet01.class">
...</object>
<object classid="CLSID:D27CDB6E-AE6D-11cf96B8-444553540000">...</object>
Définit l’alignement vertical (top,
middle, bottom) ou horizontal (left,
center, right) de l’image.
Ex : <img src="image02.jpg" alt=»"Image 2"
height
classid
Description
Ex : <img src="image02.jpg" alt="Image 2"
align="center" />
Mentionne le type MIME
(Multipurpose Internet Mail
Extensions) de la source de données.
Ex : <object type="text/plain">...</object>
Ex : <img src="image02.jpg" alt="Image 2" />
Par ailleurs, la balise <img /> accepte les attributs optionnels suivants :
Code MIME
align
top, middle, bottom, left,
center, right
Définit l’alignement vertical (top,
middle, bottom) ou horizontal (left,
center, right) de l’objet.
Ex : <object align="center">...</object>
Altéa Conseils © 2004
L'insertion d'objet en HTML
http://pbc.alteaconseils.com