Les images
La balise “image”
L’insertion d’une image se fait de la manière suivante :
#image("img01.png")
ou
#image("img01.png",width:75%)
si l’on veut aussi contrôler sa dimension.
Centrer une image
On doit utiliser la balise align() pour cela :
#align(center)[#image("img01.png",width:75%)]
Inclure une image dans une grille.
Pour placer une illustration à la droite d’un texte, le code peut être le suivant :
#grid(
columns: (60%, 40%),
column-gutter: 0.5em,
[Le texte dans la colonne de gauche],
align(center)[#image("img01.png",width:75%)],
)
Pour placer deux images
- l’une à côté de l’autre, il faut placer une grille dans la grille, comme ceci :
#grid(
columns: (60%, 40%),
column-gutter: 0.5em,
[Le texte dans la colonne de gauche],
[#grid(
columns: (50%, 50%),
column-gutter: 0.5em,
align(center)[#image("img01.png",width:75%)],
align(center)[#image("img02.png",width:75%)],
)
],
)
- L’une au-dessous de l’autre :
#grid(
columns: (60%, 40%),
column-gutter: 0.5em,
[Le texte dans la colonne de gauche],
[#align(center)[#image("img01.png",width:75%)]
#align(center)[#image("img02.png",width:75%)]
],
)