Images en damier, cliquables et agrandissables, sur Blogger

La balise HTML Table sert à faire des tableaux, dont d'images aussi, quand on les insère dans le code au lieu de texte. Cependant, les monter ne les rend pas agrandissables automatiquement. Seulement une peut le faire, mais pas les autres, ce qui n'est pas ce que l'on veut.

Sur Blogger, il y a cependant l'alternative à prendre nos images sur notre blog même, déjà pré-montées sur une Page propre. C'est ce que l'on doit faire pour qu'elles soient cliquables et agrandissables en même temps.

Préalable

1. Il faut d'abord régler la "Présentation des images avec la table lumineuse", qui ne s'agrandit pas, à Non, dans la section Messages des Paramètres.
2. Monter les images voulues dans une Page d'images du même blog, dans l'ordre d'apparition présumée, ou les ordonner par la suite.
3. Copier un code approprié, sur mesure, de la balise HTML Table, trouvé quelque part, sur un site quelconque, et le coller sur la partie HTML de la Rédaction de notre Message à publier.

Procédure

1. Dans une cellule "td", clic sur l'icône Image à insérer et cliquer sur l'onglet Choisir une image sur notre blog.
2. Les images qu'on a monté sur notre Page d'images vont apparaître, et il s'agit de choisir celle qu'on veut en premier, valider, puis celles subséquentes pour chaque cellule "td" suivantes.

Complétude

1. Identifier ensuite les images en leur donnant une description dessous, via la configuration intégrée en cliquant la souris dessus.
2. Les agrandir ou rapetisser aussi, en même temps, au besoin, mais toutes égales, à moins de vouloir donner un autre effet. 

Le code simple de Table est la Rangée, "tr", pour Row, à l'intérieur de laquelle sont les cellules "td", pour Data, les Données. Il y en a toujours au moins deux, qui se placent côte à côte, en colonne. Pour chaque section "tr" avec ses "td", les images vont se placer dessous, par groupe de deux ou plus, dépendant du nombre de "td".

C'est un damier, en somme, comme un damier. Il y a une variante du "td" dans un "tr", c'est le "th", le Header, l'En-tête. qui se place au-dessus de ceux avec le "td", pour nommer les colonnes. Ça donne un titre aux colonnes d'images, comme dans un graphique. Les mois, les années, les dépenses, revenus, etc.. Pour des images, ça peut être des lieux de photos, des formes ou genres de dessins, etc..

Code de la balise Table, exemple sans les crochets

table

tr

th Titre de la colonne 1 /th

th Titre de la colonne 2 /th

/tr

tr

td Image 1 sur la 1ère ligne /td

td Image 2 sur la 1ère ligne /td

/tr

tr

td Image 1 sur la 2ème ligne /td

td Image 2 sur la 2ème ligne /td

/tr

/table

C'est le code au plus simple, pour expliquer la méthode d'avoir des images en damier, agrandissables.

Exemple de mon expérience, sur un de mes autres blogs :   

Diagramme combinatoire de tous les systèmes

Il y a d'autres balises associées à Table, pour des structures plus compliquées, mais on comprendra le principe de base, du moins. Des images agrandissables, c'est très important, dans nos articles, tableaux, graphiques, pour une bonne lecture, intéressante.

Votre lien, bannière ou RSS, ici!

Je peux référencer votre site sur un ou plusieurs de mes blogs, de façon permanente, pour €5. Domaines: documentation, mathématiques.
Veuillez commander sur EarnFive
zaune