Cours 7 : Afficher une image

Ce tutoriel a été conçu par nos soins et est donc notre propriété exclusive. Toute ressemblance avec un autre existant ne serait que pure coïncidence. Il est interdit de recopier intégralement ou partiellement nos tutoriels qui sont exclusivement réservés aux membres de ce forum.

Pour ce tutoriel vous allez apprendre à afficher une image en html. Bien que le cours puisse paraître simple, il s'avère très utile pour placer vos images en html à l'endroit que vous désirez par rapport à vos textes.

La balise utilisée pour afficher une image est la suivante :

<img src="LIEN DE L'IMAGE" border="0">

Dans la partie lien de l'image il faut placer le lien url de l'image que vous désirez mettre. Afin de faire simple je vais vous proposer une image avec son lien à utiliser pour ce cours.

L'image à utiliser :

Le lien url de l'image: http://s1.e-monsite.com/2009/03/13/07/64239224bantopmanimalmoyenne-jpg.jpg

Alors voilà comment procéder :
<img src="http://s1.e-monsite.com/2009/03/13/07/64239224bantopmanimalmoyenne-jpg.jpg" border="0">

Information: La partie du code border="0" désigne le fait que l'image ne doit pas comporter d'encadrement.


Exercice 1 : Pour votre premier devoir vous allez utiliser le lien de l'image ci-dessous :
http://s1.e-monsite.com/2009/03/13/07/64239224bantopmanimalmoyenne-jpg.jpg


Exercice 2 : Pour ce deuxième devoir, je vous propose à nouveau un lien d'image que je vous demande d'afficher en réponse, en centrant l'image et en utilisant les balises html de ce cours.

Le lien à utiliser pour le devoir numéro 2 :
http://www.imageshotel.org/images/phenyx/banniereparadischat.gif


Merci de séparer vos deux exercices afin de les départager en mettant exercice 1 et exercice 2.


Bon courage !

coucou, voici mon exercice:
1)

2)

gros bisous
Chrys

exercice 1




exercice 2

J'attaque le devoir n°7 :

1er exercice :



2ème exercice :

Merci pour les corrections.

Régine

Bonjour :

Exercice 1 :



Exercice 2 :





Le devoir est reussi sauf que tu t'es trompé sur la fermeture de la balise center. Il faut mettre le / avant center et non après. C'est pour cette raison que mon image de correction est centré alors qu'elle ne le devrait pas. Tu refais le devoir si tu en as envie

Oups, je recommence :

1 :



2 :






Excellent travail Jennie, bravo!!

Bonsoir,
Exercice 1 :


Exercice 2 :


Voilà, je file au prochain


Excellent!!!

Bravo, c'est parfait !