jawek a7la jaw fi site de tout les informatisien
 
AccueilPortailGalerieFAQMembresS'enregistrerConnexion
Rechercher
 
 

Résultats par :
 
Rechercher Recherche avancée
Derniers sujets
Mots-clés
enregistrement avec 32bits windows liste -bit logiciel share livre craké ultimate HTML Professionnel telecharger image Vista windows7 2008 gratuit tic rapid crack encarta Sweet arabe 1610
Partenaires
Forum gratuit



Tchat Blablaland
Navigation
 Portail
 Index
 Membres
 Profil
 FAQ
 Rechercher
Horloge
compteur

Partagez | 
 

 IMG... Images dans votre pages

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Admin
Admin


Messages : 197
Date d'inscription : 22/08/2008
Age : 27

MessageSujet: IMG... Images dans votre pages   Dim 12 Oct - 20:22




La balise pour introduire une image dans une page HTML est . Ses principaux attributs sont :

src


src détermine le chemin du fichier image. ce chemin peut être indiqué en partant du répertoire du document, il se présentera alors sous la forme "../../images/fichier.gif". Il peut également être indiqué en partant de la racine principale du site. Il aura alors la forme : "/exemple/images/fichier.gif". Il commencera toujours par /.
La balise minimale pour une image se présente ainsi :

height, width


Lorsque vous introduisez plusieurs images sur votre page, vous verrez que lors de l' affichage, elle se met à danser. C' est très desagréable.Cela vient du fait que la taille de l' image n' est pas définie.En plus, cela ralentit l' affichage de la page.
height et width indiquent au navigateur la hauteur et la largeur de l' image (en pixel) qui va être affichée:

Pour ajuster une image à une dimension précise tout en conservant les proportions, il suffit de préciser soit la hauteur, soit la largeur et automatiquement l' une ou l' autre des dimensions s' alignera sur celle que vous aurez spécifiée.


alt


Cet attribut permet l' affichage dans une bulle de texte. Lorsque l' affichage de l' image ne se déroule pas correctement, ce même texte apparaîtraà la place de l' image Comme le net devient très fréquenté par les non-voyants, il est important d' utiliser cet attribut pour expliquer l' image Passez la souris sur la première image pour voir s' afficher la bulle. L' image du second exemple est volontairement inexistante pour montrer la manière dont cet attribut s' affiche.

exemple
exemple
longdesc


Cet attribut définit l' adresse d' un document décrivant l' image Pour le moment, je n' ai jamais trouvé d' exemple permettant de comprendre cet attribut.

lowsrc


Cet attribut définit l' adresse d' une image à basse résolution.

name


Cet attribut permet de un nom à votre image. Elle est surtout employée lorsque vous voulez travailler avec du javascript

exemple
border


Cet attribut permet de définir (en pixel) une bordure à votre image.

exemple
Elle est assez peu employée sous cette forme.
Lorsque vous utilisez une image comme lien, le navigateur affiche automatiquement une bordure.

[Vous devez être inscrit et connecté pour voir ce lien]
La définition d' une bordure à 0 pixels permet d' éviter ce cadre disgracieux.

[Vous devez être inscrit et connecté pour voir ce lien]
align


La position de l' image dans votre page est déterminé par cet attribut. Deux positions sont fréquemment utilisées seule: gauche ou droite.

essais
exemple
exemple
Cet attribut prend vraiment toute son importance lorsque l' image est accompagnée de texte.

Exemple d' alignement

par défaut
Lor si blan ulput augiam dolortionsequi blaortionsequis alit wisit velit vero od dipsummy nonulputet praessim augue min ute feu feu feugiam eros nis delendrem num quatue dunt luptat luptat nos euguerat.

Ligne de base : align="baseline"
Lor si blan ulput augiam dolortionsequi blaortionsequis alit wisit velit vero od dipsummy nonulputet praessim augue min ute feu feu feugiam eros nis delendrem num quatue dunt luptat luptat nos euguerat.

En haut : align="top"
Lor si blan ulput augiam dolortionsequi blaortionsequis alit wisit velit vero od dipsummy nonulputet praessim augue min ute feu feu feugiam eros nis delendrem num quatue dunt luptat luptat nos euguerat.

Au milieu : align="middle"
Lor si blan ulput augiam dolortionsequi blaortionsequis alit wisit velit vero od dipsummy nonulputet praessim augue min ute feu feu feugiam eros nis delendrem num quatue dunt luptat luptat nos euguerat.

En bas : align="bottom"
Lor si blan ulput augiam dolortionsequi blaortionsequis alit wisit velit vero od dipsummy nonulputet praessim augue min ute feu feu feugiam eros nis delendrem num quatue dunt luptat luptat nos euguerat.

En haut du texte : align="texttop"
Lor si blan ulput augiam dolortionsequi blaortionsequis alit wisit velit vero od dipsummy nonulputet praessim augue min ute feu feu feugiam eros nis delendrem num quatue dunt luptat luptat nos euguerat.

Milieu absolu : align="absmiddle"
Lor si blan ulput augiam dolortionsequi blaortionsequis alit wisit velit vero od dipsummy nonulputet praessim augue min ute feu feu feugiam eros nis delendrem num quatue dunt luptat luptat nos euguerat.

Bas absolu : align="absbottom"
Lor si blan ulput augiam dolortionsequi blaortionsequis alit wisit velit vero od dipsummy nonulputet praessim augue min ute feu feu feugiam eros nis delendrem num quatue dunt luptat luptat nos euguerat.

Gauche : align="left"
Lor si blan ulput augiam dolortionsequi blaortionsequis alit wisit velit vero od dipsummy nonulputet praessim augue min ute feu feu feugiam eros nis delendrem num quatue dunt luptat luptat nos euguerat.

Droite : align="right"
Lor si blan ulput augiam dolortionsequi blaortionsequis alit wisit velit vero od dipsummy nonulputet praessim augue min ute feu feu feugiam eros nis delendrem num quatue dunt luptat luptat nos euguerat.
hspace, vspace
Ces deux attributs permettent de définir (en pixels) une marge entre l' image et le reste du contenu. La lisibilité du document en est fortement amélioré.

exempleLor si blan ...

Lor si blan ulput augiam dolortionsequi blaortionsequis alit wisit velit vero od dipsummy nonulputet praessim augue min ute feu feu feugiam eros nis delendrem num quatue dunt luptat luptat nos euguerat.
Lor aliquis eum iuscillutpat. Ut lore dolor se magniscidunt lobortie tet, suscin volore euis ad eugait wisi tio od modolum zzriustie mincip eugait acinit nim dolortisisl ex endipsusc llaortinit non ut ulla feu feugait wismodolobor iure tetuercil utat. Ut ad dionsequat ut nos nulla feugiam ad magnis ad tatuerit inis ad do consequatue euip erciliquamcon utpate modoloborperat aut alisit adiam eugait, sequam quisl et dit illa at utet exerostio et lore commy nonsequat, velis nummy nulla feuipit non ullam, sit, consenisi eu feumsandre faci bla corpercil ulla feuguero odipis nim iusci ea consequipit wis adit ut acillumsa dreetuerit laore dolore facilit venis etumsan esed tem alis nonsequat dunt aut la conulputem zzril ut adiam ad min vercin hendreetum nostrud tionullum in veraessequip ea acin enim zzrit ea ad tin vel dolestie vel dolorperillut lum niscil dignim atum venibh eugiate te magna facilis acilluptat.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://informaticien.tunisiaforum.net
 
IMG... Images dans votre pages
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Code pour protéger les images dans les signatures
» Impossible de mettre des images dans le panneau admin
» Les meme messages dans chaques pages
» Images dans la Chatbox.
» Images dans la barre de navigation

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
l'informatique en pratique pour tous les informatisien :: etude info :: bac informatique :: TIC-
Sauter vers: