> For the complete documentation index, see [llms.txt](https://gitbook.com/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://gitbook.com/docs/documentation/fr/creer-du-contenu/blocks/cards.md). # Cartes Affichez les informations de manière plus dynamique avec un ensemble de cartes — avec ou sans images Vous pouvez utiliser des cartes pour créer une mise en page visuellement agréable, en combinant du texte et des images dans une grille. Elles sont idéales pour créer des pages d’accueil ou afficher tout autre contenu de manière non linéaire. Vous pouvez ajuster [passer de cartes moyennes à de grandes cartes](#changing-the-size-of-cards) et les lier aux ressources pertinentes. ### Exemple de carte

			Image de couverture	Image de couverture (sombre)	Image de couverture (sombre)	Image de couverture (sombre)
Page d’accueil de GitBook	Visitez notre site web et découvrez-en plus sur GitBook.	https://www.gitbook.com/	25_12_10_cards_3.png	25_12_10_cards_2.png		25_12_10_cards_2.png
Docs développeur	Créez votre propre intégration GitBook.	https://developer.gitbook.com/	25_12_10_cards_1.png		25_12_10_cards.png	25_12_10_cards.png
Inscrivez-vous à GitBook	Cliquez ici pour commencer gratuitement.	https://app.gitbook.com/join	25_12_10_cards_5.png			25_12_10_cards_4.png

### Ajout de liens Survolez une carte et ouvrez son **menu d’options**

. Ici, vous pouvez ajouter un lien de destination afin que les lecteurs puissent accéder directement à un emplacement lorsqu’ils cliquent sur la carte. {% hint style="success" %} Lors de la création de cartes, nous vous recommandons d’utiliser **des liens de destination plutôt que des hyperliens**. Avec un lien de destination, vos lecteurs peuvent cliquer n’importe où sur la carte pour accéder à l’URL liée. {% endhint %} ### Ajout d’images Survolez une carte et ouvrez son **menu d’options**

. Ici, vous pouvez ajouter une image de couverture à votre carte. Sinon, il suffit de cliquer sur le **Ajouter une image de couverture** option directement sur la carte. Cela ouvrira la **Sélectionner un fichier** fenêtre modale. Ici, vous pouvez y glisser-déposer une nouvelle image ou utiliser un fichier image que vous avez déjà téléversé dans votre section. #### Ajout d’images pour le mode sombre Vous pouvez également ajouter des images de couverture qui ne s’afficheront qu’en mode sombre. Pour ce faire, ouvrez le **menu d’options**

et choisissez **Couverture** > **Modifier la couverture** > **Ajouter une couverture pour le mode sombre**. Cela ouvrira la **Sélectionner un fichier** fenêtre modale, où vous pouvez glisser-déposer une nouvelle image ou sélectionner une image déjà téléversée. #### Choisir la bonne taille d’image GitBook recadrera automatiquement les images en paysage au ratio 16:9 sur ordinateur et mobile. Si les images que vous téléversez sont au format portrait ou ont un ratio 1:1, elles seront recadrées en 16:9 sur ordinateur et s’afficheront en carré ou en portrait sur mobile.

A GitBook screenshot showing card images on desktop — Sur ordinateur, toutes les images de carte s’afficheront au format paysage 16:9, quelle que soit leur dimension. Nous recommandons d’utiliser les mêmes dimensions pour plus de cohérence.

A GitBook screenshot showing card images on mobile — Sur mobile, les images carrées ou portrait s’affichent comme à gauche. Les images paysage s’affichent comme à droite.

Pour assurer une cohérence entre ordinateur et mobile, nous recommandons de téléverser toutes les images de vos cartes au format 16:9 (par ex. 1920 px x 1080 px). Si vous souhaitez que vos cartes adaptent leur mise en page selon la taille de l’écran, nous vous recommandons de téléverser des images au ratio 1:1, avec le contenu de l’image centré. ### Modifier la taille des cartes Vous pouvez sélectionner la taille de la carte en ouvrant le **menu d’options**

à gauche de votre bloc de cartes. L’ **Moyen** option crée trois cartes sur une même ligne horizontale, tandis que l’ **Grand** option affiche deux cartes plus grandes par ligne. ### Représentation en Markdown ```markdown


Titre d’exemple 1	Description d’exemple 1.	https://example.com	example_image1.svg
Titre d’exemple 2	Description d’exemple 2.	https://example.com	example_image2.svg
Titre d’exemple 3	Description d’exemple 3.	https://example.com	example_image3.svg

``` --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://gitbook.com/docs/documentation/fr/creer-du-contenu/blocks/cards.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.