Apprendre le html, guide pour débutant,images,gif,balise et initié .

À quoi servent les images.

Les images font partie du web et il tiennent une place importante. Cepenant un beau contenu graphique ne peut rivaliser avec un bon contenu. Personellement le site que je visites le plus souvent c'est Voila. Rien de bien excitant du point de vue graphique cependant par ci par la un petit graphique vien agrémenter la page. C'est à mon avis ce à quoi doivent servir la balise image.

La balise image.

Cette balise est très simple à utiliser si vous comprenez le principe des images absolues et relative. Voici sa syntaxe:

	Nom	Attribut	Valeur de l'attribut	Commentaire et exemple
<	IMG	SRC="image/gif/test.gif"		C'est l'attribut obligatoire de cette balise. Il indique de la même façon que l'attribut HREF="nomfichier" de la balses de lien A.	>
		ALT="Seulement si vous ne voyez pas l'image"		Cette valeur précise un texte qui s'affiche si l'image n'est pas charger. Il est important de composer une courte phrase pour chaque image pour toutes les images. Certains des utilisateurs n'utilise pas le chargement des images pour les moteurs de recherche et les aveugles qui surf sur vos pages.
		BORDER=	5	Cette valeur donne un rebord à votre image d'un nombre de pixel déterminer. Par défault il n'y à aucun rebord. Cependant si vous embôiter une image dans un lien vous obtenez ceci:Notez que si vous ne désirez aucun rebord sur vos image vous pouvez leur donner la valeur BORDER=0
		WEIGHT=	60	L'image prend un nombre de pixel précis comme largeur, dans ce cas si 60 pixel.
		HEIGTH=	60	L'image prend un nombre de pixel précis comme hauteur, dans ce cas si 60 pixel.
		ALIGN=	MIDDLE	Le texte se positionne au milieux de l'image. NOTEZ que j'ai donné les attributs suivants à cette image soit: width=50 height=50 pour rendre le positionnement du texte évident.
			LEFT	L'image se positionne à gauche du texte qui débutera tout en haut du dessin contrairement au exemple précédent précédent. NOTEZ que j'ai donné les attributs suivants à cette image soit: width=50 height=50 pour rendre le positionnement du texte évident.
			RIGHT	L'image se positionne à droite du texte qui débutera tout en haut du dessin contrairement au exemple précédent. NOTEZ que j'ai donné les attributs suivants à cette image soit: width=50 height=50 pour rendre le positionnement du texte évident.
			TEXTTOP	Le texte se positionne et débute tout en haut de l'image. Cependant il ne suit pas le contours de l'image. NOTEZ que j'ai donné les attributs suivants à cette image soit: width=50 height=50 pour rendre le positionnement du texte évident.
			ABSMIDDLE	Le texte se positionne au milieux de l'image. Cependant il ne suit pas le contours de l'image. NOTEZ que j'ai donné les attributs suivants à cette image soit: width=50 height=50 pour rendre le positionnement du texte évident.

Petit conseil d'ordre général

C'est de cette façon que l'on insère une balise dans un document HTML. Notez que seul l'attribut SRC="fichier" est obigatoire et à la rigeure ALT="texte alternatif". Soyez prudant avec toutes les autres attributs surtoût si vous utilisez des tableaux car certaines version ne digère pas un mélange de ces deux éléments. Il peut être intéressant de donner d'avance une valeur de aux attributs WIDTH et HEIGHT puisque cette précaution évite au Navigateur le recalcul de l'ensemble de la page qui se trouve en bas d'une image volumineuse.
Cette image est en réalité plus grande seulement je lui ai donner d'autre valeur de pixel avec WIDTH et HEIGHT. Si vous cliquez dessus vous aboutirez sur la version originale (cette image vient de inphographie)

Page précédente	Question,commentaire,réponse	c'est fini
Accueil