Les images en html

accueil > Cours > HTML > Les images en html

Cours / tutoriel écrit le 17-06-2010 par sky

Les images en HTML
Prérequis : mettre des images dans un dossier que l'on nommera "images" dans notre dossier "site".

d'abord la balise <img> et c'est tout
comme notre balise <font> et </font> seul elle ne sert pas à grand chose.

alors : <img src="images/tape.gif" /> j'aime le bricolage !

<img src="nomdudossier/nomimage.extention"/>

trois petites choses utiles :
<img src="images/godet.gif" align="absmiddle"/>
<img src="images/godet.gif" align="texttop"/>

il y'en a d'autres mais avec ces trois ça va bien!
elle est pas un peu petite ?

ben allons y pour la taille !
par soucis de simplification on ne retiendra que la taille en pixels px il faut le savoir mème si on s'en passe.
width = largeur, height = hauteur chouette on révise.

<img src="images/tape.gif" width="50"/>
en utilisant 1 seul attribut height ou width on redimensione l'image de façon proportionelle donc on ne la déforme pas, mais si on veut on peut hé hé

<img src="images/tape.gif" width="70" height="25"/>
<img src="images/godet.gif" width="40" height="60" align="absmiddle"/>

---

Commentaires