L'image que nous allons utiliser, s'appelle "imagecour.gif". Elle se trouve dans le répertoire : http://www.aliasdmc.fr/courshtml/exemple/ Pour plus d'information sur la balise <IMG> allez dans le glossaire XHTML.
Pour insérer une image, il faut utiliser la balise XHTML <IMG>.
Taper le code <img src="http://www.aliasdmc.fr/courshtml/exemple/imagecour.gif" /> et visualisez. Si vous connaissez la taille de l'image définissez la. J'ai lu que cela facilitait l'affichage de l'image...?
La taille d'"imagecour" est de 100 pixels de longueur et 66 pixels de hauteur. Nous taperons :
Il est possible de créer une bordure. Cela me semble, pas très intéressant. J'aborde le problème de la bordure car quand vous créez un lien sur l'image, le navigateur vous crée un contour qui n'est pas forcément le bienvenue. Il me semble donc nécessaire de connaître la propriété css pour border l'enlever.
L'exercice suivant consiste à introduire une image avec une bordure de 3 (toujours en Px par défaut), puis une image avec lien et une image avec lien mais sans bordure. Tapez :
Il est possible de créer une marge autour de l'image. Cela permet par exemple que le texte ne vienne pas coller la bordure de l'image. Pour cela, il faut utiliser la feuille de style margin. Tapez :
Exemple de code :
<p><img src="imagecour.gif" style="float:right;margin:10px" /> Du texte </p>
La balise HTML et XHTML IMG permet de mettre une image dans le document html. <IMG> Exemple :<img src="../images/balise/rouge.gif" width="50" height=...[Voir]La propriété de feuille de style css MARGIN css permet de gérer les quatres marges extérieures (droite, gauche, haute, basse) d'un élément HTML ou XHT...[Voir]La propriété de feuille de style css BORDER permet de spécifier en une seule déclaration les propriétés des quatre bordures d'un élément.identifiant{ ...[Voir]