Dans une page web en général il y'a du texte. Il est possible pour des articles ou si vous souhaitez placer une image, c'est beaucoup plus représentatif. Pour cela suivez le guide, nous vous expliquons pas à pas comment faire.
L'image que vous voulez mettre sur votre page doit être mise dans la balise <body> et </body> c'est-à-dire ou se trouve le et au milieu des deux balises. Pour placer une image sur votre page, vous devez aussi y mettre un code qui permet d'afficher cette image : <img src="image.jpg">
Exemple du code :
<body>
<img src="image.jpg">
</body>
Il est aussi possible d'ajouter la hauteur, une bordure et également la largeur de cette image, vous connaissez ce qui reste à faire, c'est-à-dire suivre les exemples ci-dessous. Pour mettre la hauteur nous utilisons la balise height et pour la largeur de l'image width pour la bordure border. Dans notre exemple ci-dessous, nous avons une largeur de 110 et d'une hauteur de 100 et une bordure de 2. Image.jpg c'est notre image, remplacez image.jpg par votre image.
Voici le code
<body>
<img src="image.jpg" height ="100" width ="110" border ="2">
</body>
Récapitulatif
height = hauteur
balise height ="100"
width = largeur
balise width ="110"
border = bordure
balise border ="2">
Résultat
Si nous mettons simplement le code du début (code de notre premier exemple), nous allons obtenir le résultat suivant. Cependant vous n'aurez pas de bordure car la balise bordure n'est pas présente dans le code.
Code du début
<body>
<img src="image.jpg">
</body>
Résultat
Il est possible de placer une image a gauche au centre d'une page et a droite d'une page. Nous allons vous faire découvrir comment mettre une image a droite, au centre et a gauche d'une page. Pour placer une image sur votre gauche vous devez faire utilisation de la balise <p align="left"> pour mettre l'image au centre de votre page <center> et </center> pour la mettre à droite de la page <p align="right"> comme vous pouvez le voir le code d'une page HTML est écrite dans la langue anglaise.
Exemple pour placer une image à gauche
<body>
<p align="left"> <img src="image.jpg" height ="100" width ="110" border ="2">
</body>
Exemple pour placer une image au centre
<body>
<center> <img src="image.jpg" height ="100" width ="110" border ="2"></center>
</body>
Exemple pour placer une image à droite
<body>
<p align="right"><img src="image.jpg" height ="100" width ="110" border ="2">
</body>
Il est possible de placer un texte sur cette image qui permet de donner des indications sur celle-ci. Pour y mettre cette option nous utilisons la balise ALT.
Voici le code
<body>
<img src="image.jpg" alt=”informatique gifs ”>
</body>
Passez maintenant la souris sur l'image ci-dessous
Résultat
|
