Vous pouvez modifier la taille de l'image affichée sur la page en spécifiant les attributs appropriés pour la balise
qui est responsable de l'affichage des graphiques sur la page HTML. L'augmentation ou la diminution se fait via les attributs de largeur et de hauteur.
Insérer une image
Avant l'édition, ajoutez une image à la page en spécifiant des balises
… Pour modifier un document HTML, vous devez ouvrir la page dans n'importe quel éditeur de texte. Faites un clic droit sur le fichier et sélectionnez l'attribut "Ouvrir avec" - "Bloc-notes". Vous pouvez également spécifier tout autre éditeur plus pratique à utiliser pour modifier le code.
Allez dans la section document et trouvez la balise
… Si l'image n'a pas encore été ajoutée à la page, saisissez le code suivant:
Le chemin d'accès au fichier image peut être relatif ou absolu. L'attribut alt="Image" est responsable du nom de l'image et de l'ajout d'une légende, qui s'affichera lorsque le pointeur de la souris sera sur l'image.
Changement de taille
Pour agrandir l'image, définissez les paramètres de largeur et de hauteur appropriés en ajoutant des attributs à la balise d'image:
Le paramètre width correspond à la largeur de l'image, et height contient l'indicateur de la hauteur de l'image. Dans ce cas, à l'ouverture de la page, une image d'une largeur de 300 pixels et d'une hauteur de 350 pixels sera affichée dans la fenêtre du navigateur. Vous pouvez également ajouter les attributs hspace et vspace pour modifier les paramètres de formatage sur la page:
Dans ce descripteur, les marges horizontales (hspace) et verticales (vspace) de l'image ont été spécifiées. Tout texte ajouté à la page sera espacé de 5 pixels horizontalement de l'image et de 10 pixels verticalement. L'attribut border est responsable de la création d'une bordure de 1 pixel autour de l'image.
Il convient de noter que la taille de l'image peut être définie non seulement en pixels, mais également en pourcentage par rapport à la taille de la fenêtre du navigateur. Par exemple:
À la suite du travail de ce code, l'image sera étirée sur toute la largeur de la fenêtre. Il convient de noter que l'image dans ce cas peut être déformée. L'affichage agrandi de l'image dépend de la qualité de l'image elle-même.
Enregistrez les modifications apportées à l'aide de la fonction "Fichier" - "Enregistrer" de la fenêtre "Bloc-notes". Vérifiez l'affichage de l'image dans la fenêtre du navigateur en ouvrant le fichier HTML par un clic droit et en choisissant l'option "Ouvrir avec". Dans la liste des options proposées, sélectionnez le programme que vous utilisez pour naviguer sur Internet. Vous pouvez modifier le fichier HTML autant de fois que vous le souhaitez pour ajuster la taille de l'image.
