Balisage : Alignement des images

Bienvenue dans l'alignement des images ! La meilleure façon de montrer le flux et le reflux des différentes options de positionnement des images est de les nicher dans un océan de mots. Prenez une pagaie et commençons.

En ce qui concerne l'alignement, il convient de noter que les utilisateurs peuvent choisir parmi les options suivantes Aucun, Gauche, C'est vrai, et Centre. En outre, ils bénéficient des options suivantes Vignette, Moyen, Grandes dimensions & Taille réelle.

L'image ci-dessus se trouve être centré.

Le reste de ce paragraphe n'est que du remplissage pour voir le texte s'enrouler autour de l'image 150×150, qui est aligné à gauche.

Comme vous pouvez le constater, il doit y avoir de l'espace au-dessus, au-dessous et à droite de l'image. Le texte ne doit pas se superposer à l'image. Ce n'est tout simplement pas correct. Les images ont également besoin d'espace pour respirer. Laissez-les parler comme vous parlez. Laissez-les faire leur travail sans être dérangés par le texte. Dans une autre phrase, nous verrons que le texte se déplace de la droite de l'image vers le bas de l'image dans une transition transparente. Encore une fois, on laisse le texte faire son travail. Mission accomplie !

Et maintenant, pour une image de grande taille. Il a également pas d'alignement.

L'image ci-dessus, bien que d'une largeur de 1200 px, ne doit pas déborder de la zone de contenu. Elle doit rester contenue sans perturber visiblement le flux de contenu.

Et maintenant, nous allons passer à l'étape suivante, à savoir l'examen de la question de l'accès à l'information. alignement correct. Là encore, il doit y avoir beaucoup de place au-dessus, au-dessous et à gauche de l'image. Regardez-le... Hé, le gars ! Tu as bien travaillé ton côté droit. Peu importe ce que dit l'image alignée à gauche, tu es superbe. Ne laisse personne te dire le contraire.

Dans quelques instants, vous devriez voir le texte commencer à s'enrouler sous l'image alignée à droite et à s'y insérer. Il devrait y avoir encore beaucoup de place et tout devrait être bien en place. Oui... C'est comme ça. Il n'a jamais été aussi agréable d'avoir raison.

Et alors que vous pensiez que nous avions terminé, nous allons les refaire avec des légendes !

L'image ci-dessus se trouve être centré. La légende contient également un lien, juste pour voir s'il fait quelque chose de bizarre.

Le reste de ce paragraphe n'est que du remplissage pour voir le texte s'enrouler autour de l'image 150×150, qui est aligné à gauche.

Comme vous pouvez le constater, il doit y avoir de l'espace au-dessus, au-dessous et à droite de l'image. Le texte ne doit pas se fondre dans l'image. Ce n'est tout simplement pas correct. Les images ont également besoin d'espace pour respirer. Laissez-les parler comme vous parlez. Laissez-les faire leur travail sans être dérangés par le texte. Dans une autre phrase, nous verrons que le texte se déplace de la droite de l'image vers le bas de l'image dans une transition transparente. Encore une fois, on laisse le texte faire son travail. Mission accomplie !

Et maintenant, pour une image de grande taille. Il a également pas d'alignement.

L'image ci-dessus, bien que d'une largeur de 1200 px, ne doit pas déborder de la zone de contenu. Elle doit rester contenue sans perturber visiblement le flux de contenu.

Et maintenant, nous allons passer à l'étape suivante, à savoir l'examen de la question de l'accès à l'information. alignement correct. Là encore, il doit y avoir beaucoup de place au-dessus, au-dessous et à gauche de l'image. Regardez-le... Hé, le gars ! Tu as bien travaillé ton côté droit. Peu importe ce que dit l'image alignée à gauche, tu es superbe. Ne laisse personne te dire le contraire.

Dans quelques instants, vous devriez voir le texte commencer à s'enrouler sous l'image alignée à droite et à s'y insérer. Il devrait y avoir encore beaucoup de place et tout devrait être bien en place. Oui... C'est comme ça. Il n'a jamais été aussi agréable d'avoir raison.

Et c'est terminé, yo ! Vous avez survécu aux eaux tumultueuses de l'alignement. Alignement d'images réussi !