Je débute. Comment saisir du texte sur le côté de mes photos ?

Ça dépend de la structure de votre page.

Vous pouvez d'abord utiliser un tableau et mettre la figure dans une cellule et le texte dans une cellule voisine.

Figure « alignée » à droite

Mais il y a une solution bien plus facile à mettre en oeuvre et qui permet de faire couler le texte tout autour de l'image, comme dans les magazines papier, sans trop se soucier ni des dimensions de l'image ni de la largeur accordée à la fenêtre du navigateur. Ce doit être le cas pour ces quelques lignes, qui doivent "couler" autour du pavé coloré à droite. Pour obtenir ce résultat, il suffit d'aligner la figure à droite (ci-dessus) ou à gauche (ci-dessous).

Figure « alignée » à gauche

L'obtention de cet alignement dépend évidemment de l'éditeur HTML que vous utilisez. Avec Claris Home Page, on le trouve dans la fenêtre d'édition d'objet de l'image (attention, vous ne verrez pas le résultat dans Home Page, mais seulement quand vous ouvrirez la page dans un navigateur).

<IMG SRC="monimage.gif" ALT="Mon Image" ALIGN="left"> 

Figure « alignée » à gauche

Mais il arrive souvent qu'une image soit très haute et qu'il faille arrêter le texte, pour le faire reprendre en dessous de l'image, comme ici.

En HTML on obtient cet effet en plaçant une balise <BR CLEAR="all"> là où on veut forcer la cassure du texte. Avec Claris Home Page, je crains fort qu'il ne faille aller dans la fenêtre d'édition du HTML, mais pas de panique! Il suffit de retrouver son texte — mais ce n'est pas très difficile avec le menu Edition > Rechercher — et on entre alors le code précédent, sans mollir!

En fait, l'attribut CLEAR peut aussi prendre les valeurs "left" ou "right", et on aurait pu coder CLEAR="left" dans l'exemple précédent. En anglais, le mot clear signifie supprimer, et CLEAR="left" est un raccourci pour supprimer (l'alignement à) gauche. Et pour ne pas faire l'effort de se rappeler si l'image était alignée à gauche ou à droite, on emploie CLEAR="all".

Figure « alignée » à droite (right)

Figure « alignée » à gauche (left)

On n'est obligé de préciser "left" ou "right" que dans des cas plus délicats, comme ici, où on a simultanément deux images alignées, l'une à gauche et l'autre à droite.

Il faut un <BR CLEAR="right"> pour arrêter le flot du texte et le faire reprendre par-dessous l'image de droite, tout en continuant à "couler" autour de l'image de gauche. Il est évident que la formule <BR CLEAR="all"> sera la plus utilisée.

N.B. Les tableaux peuvent s'aligner tout comme les figures; en réalité, les pavés de couleur illustrant cette Réponse sont des tableaux 1x1.

(TOM) – Charles