Comment définir la largeur et hauteur d’une image en HTML

Télécharger l'articleTélécharger l'article

La taille d’une image en pixels est définie par ses valeurs de largeur et hauteur en HTML. En HTML 4.01, la hauteur pouvait être définie en pixels ou en pourcentage de l’élément conteneur. En HTML 5, la valeur doit être en pixels. Apprenez à définir la largeur et hauteur d’une image en langage HTML.

  1. How.com.vn Français: Step 1 Ouvrez votre document HTML dans un éditeur de texte.
    Les ordinateurs Windows et MAC ont des programmes d’éditeurs de texte par défaut comme Notepad et Text Edit qui vous permettront de créer ou éditer du HTML. Vous pouvez soit ouvrir le document HTML dans ces programmes en cliquant Ouvrir dans l’onglet Fichier, soit faire un clic droit sur le fichier dans votre explorateur de fichiers et cliquer sur Ouvrir avec.
  2. How.com.vn Français: Step 2 Ajoutez cette ligne à votre script :
    <img src="imagefile.jpg" alt="How.com.vn Français: Image" height="42" width="42">.
    • src est le chemin d’accès à votre image.
    • alt est le tag attribué à votre image.
    • Veuillez noter que ces chiffres sont en pixels.
    • Vous pouvez également utiliser le tag style. Par exemple, le code suivant est inséré dans votre texte : <img src="imgfile.jpg" alt="How.com.vn Français: Image" style="width:500px;height:600px;">. Grâce au tag style, l’image conserve la même taille qui l’emporte sur toute autre commande relative à la taille [1].
  3. How.com.vn Français: Step 3 Changez height et width avec les chiffres souhaités.
    Par exemple, si vous entrez 21 dans la zone width et la zone height, vous obtiendrez une image dont la taille fait la moitié de celle de l’image originelle.
  4. How.com.vn Français: Step 4 Enregistrez le fichier.
    Ouvrez-le en utilisant n’importe quel navigateur pour voir les modifications. Si la taille de l’image ne vous convient pas, vous pouvez répéter les étapes précédentes [2].
    Publicité

Conseils

  • Spécifiez toujours les valeurs de hauteur et largeur de l’image. Si celles-ci sont définies, l’espace requis pour l’image est conservé quand la page charge. Mais sans ces valeurs, le navigateur ne connait pas la taille de l’image et ne peut pas lui accorder l’espace qui lui convient. La mise en page sera alors modifiée lors du chargement (pendant que l’image charge).
  • Réduire la taille d’une image en utilisant les valeurs hauteur et largeur contraint l’utilisateur à télécharger une image large (même si elle semble petite sur la page). Afin d’éviter cela, redimensionnez votre image à l’aide d’un programme avant de l’utiliser dans une page.
Publicité

À propos de ce How.com.vn

How.com.vn Français: l'équipe de How.com.vn
Coécrit par:
Rédacteurs de How.com.vn
Cet article a été rédigé avec la collaboration de nos éditeurs(trices) et chercheurs(euses) qualifiés(es) pour garantir l'exactitude et l'exhaustivité du contenu.

L'équipe de gestion du contenu de How.com.vn examine soigneusement le travail de l'équipe éditoriale afin de s'assurer que chaque article est en conformité avec nos standards de haute qualité. Cet article a été consulté 117 563 fois.
Catégories: Programmation
Cette page a été consultée 117 563 fois.

Cet article vous a-t-il été utile ?

⚠️ Disclaimer:

Content from Wiki How Français language website. Text is available under the Creative Commons Attribution-Share Alike License; additional terms may apply.
Wiki How does not encourage the violation of any laws, and cannot be responsible for any violations of such laws, should you link to this domain, or use, reproduce, or republish the information contained herein.

Notices:
  • - A few of these subjects are frequently censored by educational, governmental, corporate, parental and other filtering schemes.
  • - Some articles may contain names, images, artworks or descriptions of events that some cultures restrict access to
  • - Please note: Wiki How does not give you opinion about the law, or advice about medical. If you need specific advice (for example, medical, legal, financial or risk management), please seek a professional who is licensed or knowledgeable in that area.
  • - Readers should not judge the importance of topics based on their coverage on Wiki How, nor think a topic is important just because it is the subject of a Wiki article.

Publicité