L'image n'est pas simplement insérée directement dans le texte. Le navigateur reçoit son nom et indique où et comment le positionner sur l'écran. Pour ce faire, utilisez une seule balise HTML img. Il spécifie l'emplacement de l'objet graphique sur la page Web.
Si de nombreux attributs sont facultatifs pour les balises, la balise img doit avoir au moins un paramètre - l'adresse de l'image. Cet attribut est appelé src:
- - ceci affichera le fichier goat-j.webp" />
- - avec ce paramètre de la balise img, le navigateur chargera l'image publiée sur Internet sur le site megasellmag.ru.
Attributs d'alignement
Pour positionner des images sur une page en utilisant HTML, on utilise la balise img, dont les attributs sont responsables du placement de l'image sur la page et de la nature de son habillage de texte.
Par défaut, le navigateur place l'image au centre de l'écran et le texte ne l'entoure pas. La balise img vous permettra d'exprimer votre désaccord avec le navigateur en utilisant l'attribut align (alignement).
- l'image sera positionnée sur le bord gauche de la page et le texte la contournera par la droite.
Le comportement du texte sera similaire si l'image est placée à droite (align=right), au milieu (align=middle), en haut (align=top), en bas(aligner=bas) et centrer (center).
Paramètres et tailles
Pour empêcher le texte de se glisser dans les images, la balise img a acquis des attributs spéciaux -hspace (marges horizontales/horizontales) et vspace (marges verticales/verticales), qui déterminent la quantité d'indentation du texte à partir des bords des images dans pixels.
L'image s'éloignera docilement du texte de la quantité spécifiée, mais s'éloignera également du bord de la page, il est donc préférable d'éviter les grands retraits.
Les dimensions géométriques des images sont très importantes, qui sont non seulement souhaitables, mais parfois simplement nécessaires à spécifier pour l'affichage correct de l'image. Pour cela, les attributs width (width) et height (height) sont utilisés, dont la valeur est définie en pixels ou en pourcentages.
Si vous ne spécifiez que la largeur, la hauteur sera automatiquement sélectionnée avec les proportions d'origine. Les tailles en pourcentage vous permettent de placer l'image dans la partie droite de la page, quelle que soit la taille de la fenêtre du navigateur, et ce besoin se pose souvent.
Autres choix
L'attribut border enferme l'image dans un cadre de l'épaisseur spécifiée, ce que le navigateur ne fait pas par défaut.
La bordure peut aussi avoir une largeur nulle apparemment sans signification (border='0'), mais c'est jusqu'à ce que l'image devienne un lien, lorsque le navigateur l'entoure automatiquement d'une bordure bleue sans attendre les instructions.
Certains utilisateurs impatients, furieux des faibles débits Internet, désactiveront tout simplement l'affichage des images. Dans de tels cas, le paramètre alt est fourni, ce qui vous permet d'entrertexte alternatif que l'utilisateur verra dans la case où l'image est pressée de se charger.
Si vous n'aimez pas les possibilités du paramètre alt, la balise img peut proposer un attribut longdesc dont la valeur est l'URL d'un document avec une description plus détaillée.
Les attributs usemap et ismap indiquent au navigateur que l'image sera une image dans laquelle les hyperliens sont des zones séparées (carte des liens), seul le paramètre usemap détermine la carte de navigation sur le serveur, et ismap - la carte sur côté client.
Description du lien 1 dans la figure ci-dessous:
Articles exotiques
L'attribut lowsrc demande au navigateur de télécharger d'abord une copie (ou une autre alternative) de l'image originale avec une qualité inférieure et, par conséquent, une image "plus légère". Cette astuce est prévue en cas de faible débit Internet pour l'utilisateur. L'image d'origine, une fois téléchargée, remplace le "faux".
L'attribut galleryimg moins couramment utilisé de la balise img invoque le panneau de contrôle de l'image (lorsqu'il est survolé), vous permettant d'ouvrir le dossier Mes images par défaut et d'imprimer, d'enregistrer ou d'envoyer l'image par e-mail. Vous pouvez désactiver le panneau en définissant le paramètre galleryimg sur no/false et l'activer en définissant yes/true.
Dans la nouvelle spécification HTML5, un certain nombre de balises ont des paramètres obsolètes. Par exemple, les attributs lowsrc, border, longdesc et name de img ont été retirés.
