Comment redimensionner une image en HTML ?
Il existe deux solutions principales pour redimensionner une image en HTML.
La première est en HTML pur et consiste à utiliser les attributs width
et height
:
<!-- HTML resizing -->
<img src="https://ans.wiki/images/logo/logo-answiki-medium.png" width="200" height="250">
La seconde solution, en CSS, consiste à utiliser les propriétés de style width
et height
:
<!-- CSS resizing -->
<img src="https://ans.wiki/images/logo/logo-answiki-medium.png" style="width:350px; height:100px;">
Notons que la première solution tend à disparaître, car la seconde est plus flexible : elle permet notamment de définir l'unité (pixel, pourcentage ...). Il est possible de consulter un exemple en ligne en cliquant ici.
Il existe deux solutions principales pour redimensionner une image en HTML.
La première est en HTML pur et consiste à utiliser les attributs width
et height
:
<!-- HTML resizing -->
<img src="https://ans.wiki/images/logo/logo-answiki-medium.png" width="200" height="250">
La seconde solution, en CSS, consiste à utiliser les propriétés de style width
et height
:
<!-- CSS resizing -->
<img src="https://ans.wiki/images/logo/logo-answiki-medium.png" style="width:350px; height:100px;">
Notons que la première solution tend à disparaître, car la seconde est plus flexible : elle permet notamment de définir l'unité (pixel, pourcentage ...). Il est possible de consulter un exemple en ligne en cliquant ici.
# | ID | Query | URL | Count |
---|---|---|---|---|
0 | 1890 | redimensionner image html | https://fr.ans.wiki/3524/comment-redimensionner-une-image-en-html | 1 |