Se connecter avec Microsoft
S'identifier ou créer un compte.
Bonjour,
Sélectionnez un autre compte.
Vous avez plusieurs comptes
Choisissez le compte avec lequel vous voulez vous connecter.

Vous pouvez ajouter des tableaux à vos pages Web pour faciliter la structure du texte, des images ou des objets sur une page. Vous pouvez procéder de la sorte pour afficher les données d’une table, d’une liste de prix, d’une comparaison de produits, d’une liste de termes et de définitions, etc. Vous pouvez également effectuer cette opération pour positionner du contenu, par exemple pour afficher les biographies des employés, vos informations de contact ou les heures d’activité. Cet article explique comment positionner ou structurer le contenu d’une page à l’aide de l’éditeur de tableau de votre site Web et d’autres méthodes comme les formats HTML et CSS.

Contenu de cet article

Insérer un tableau

Pour insérer un tableau dans une page, vous pouvez faire beaucoup de choses sur votre compte Microsoft 365, ouvrir l’éditeur de site Web et procéder comme suit.

  1. Accédez à la page Web à laquelle vous souhaitez ajouter le tableau.

  2. Cliquez sur l’onglet page .

  3. Cliquez sur le bouton modifier .

  4. Cliquez sur la page à laquelle vous souhaitez ajouter le tableau.

  5. Cliquez sur l’onglet Insertion.

  6. Cliquez sur le bouton tableau .
    Insérer un tableau dans le site web public SharePoint Online

  7. Il existe deux manières d’ajouter le tableau :

    • Cliquez sur la flèche pour développer le quadrillage du tableau, placez le pointeur de la souris sur le quadrillage du tableau, puis cliquez sur le nombre de cellules de tableau souhaité.

    • Vous pouvez ou cliquer sur le bouton Insérer un tableau , entrer le nombre de colonnes et de lignes souhaité, puis cliquer sur OK.

  8. Le tableau est ajouté à votre page Web, où vous pouvez commencer à y ajouter du contenu ou à le personnaliser.
    Tableau dans le site web SharePoint Online

Haut de page

Personnaliser un tableau

Lorsque vous insérez un tableau dans votre page Web, vous pouvez commencer à le personnaliser. Vous pouvez ajouter et supprimer des lignes ou des colonnes, fusionner et fractionner des lignes ou des colonnes, redimensionner le tableau, modifier l’apparence, etc.

Ajouter des lignes et des colonnes

Vous pouvez ajouter des lignes et des colonnes de cellules dans un tableau pour permettre davantage de contenu structuré sur la page. Vous pouvez les ajouter au-dessus, au-dessous, à gauche ou à droite de la cellule où se trouve le curseur. Seules les lignes ou colonnes entières peuvent être ajoutées à la fois plutôt qu’à des cellules individuelles.

Pour ajouter des lignes ou des colonnes dans un tableau

  1. Modifiez la page Web qui contient votre tableau.

  2. Placez votre curseur dans la cellule de tableau où vous souhaitez ajouter la ligne ou la colonne.

  3. Cliquez sur l’onglet disposition du tableau .

  4. Choisissez l’une des options suivantes :

    • Insérer au-dessus pour ajouter une ligne au-dessus de la cellule sélectionnée.

    • Insérer en dessous pour ajouter une ligne en dessous de la cellule sélectionnée.

    • Insérer à gauche pour ajouter une colonne à gauche de la cellule sélectionnée.

    • Insérer à droite pour ajouter une colonne à droite de la cellule sélectionnée.

Conseil :  Si les nouvelles cellules ne vous conviennent pas, vous pouvez annuler l’action en appuyant sur Ctrl + Z ou en cliquant sur l’onglet format du texte et en choisissant Annuler.

Les modifications sont immédiatement appliquées à votre table. Si les cellules comportent du texte ou des images, elles sont placées dans la nouvelle cellule fusionnée.

Haut de page

Fusionner des cellules

Lorsque vous fusionnez des cellules, vous combinez deux cellules ou plus afin de laisser plus de place pour le texte, les images et d’autres objets dans le tableau. Vous pouvez fusionner les cellules au-dessus ou en dessous de l’autre et vers la gauche ou la droite, mais vous ne pouvez fusionner que des cellules individuelles, mais pas des lignes ou des colonnes entières.

Pour fusionner des cellules dans un tableau

  1. Modifiez la page Web qui contient votre tableau.

  2. Placez votre curseur dans la cellule de tableau que vous souhaitez fusionner.

  3. Cliquez sur l’onglet disposition du tableau .

  4. Cliquez sur fusionner les cellules et choisissez l’une des options suivantes :

    • Fusionner au-dessus pour fusionner avec la cellule ci-dessus.

    • Fusionner en dessous pour fusionner avec la cellule située en dessous.

    • Fusionner à gauche pour fusionner avec la cellule située à gauche.

    • Fusionner à droite pour fusionner avec la cellule située à droite.

Conseil :  Si les cellules fusionnées ne vous conviennent pas, vous pouvez annuler l’action en appuyant sur Ctrl + Z ou en cliquant sur l’onglet format du texte et en choisissant Annuler.

Les modifications sont immédiatement appliquées à votre table. Si les cellules comportent du texte ou des images, elles sont placées dans la nouvelle cellule fusionnée.

Haut de page

Fractionner des cellules

Lorsque vous fractionnez des cellules, vous transformez une seule cellule en deux cellules pour appliquer davantage de structure au contenu du tableau. Vous pouvez fractionner des cellules horizontalement ou verticalement, mais vous pouvez uniquement fractionner des cellules individuelles sans lignes ou colonnes entières.

Pour fractionner des cellules dans un tableau

  1. Modifiez la page Web qui contient votre tableau.

  2. Placez votre curseur dans la cellule de tableau que vous souhaitez fractionner.

  3. Cliquez sur l’onglet disposition du tableau .

  4. Cliquez sur fractionner les cellules et choisissez l’une des options suivantes :

    • Fractionnement horizontal pour fractionner la cellule en deux cellules côte à côte.

    • Fractionnement vertical pour fractionner la cellule en deux cellules, l’une sur l’autre.

Conseil :  Si les cellules fractionnées ne vous conviennent pas, vous pouvez annuler l’action en appuyant sur Ctrl + Z ou en cliquant sur l’onglet format du texte et en choisissant Annuler.

Les modifications sont immédiatement appliquées à votre table. Si la cellule contient du texte ou des images, celle-ci reste dans la cellule d’origine et non dans la nouvelle.

Haut de page

Redimensionner le tableau

Vous pouvez modifier la taille d’un tableau, ainsi que les lignes et les colonnes individuelles constituant le tableau. Vous pouvez le faire pour insérer du contenu supplémentaire dans une cellule de tableau ou libérer de l’espace sur le reste de la page pour d’autres contenus. Vous pouvez spécifier la taille de la table ou de la cellule en pixels (PX) ou en tant que pourcentage (%). Seule la ligne, la colonne ou le tableau peut être redimensionné à la fois plutôt qu’à des cellules individuelles.

Pour modifier la taille du tableau

  1. Modifiez la page Web qui contient votre tableau.

  2. Placez le curseur dans le tableau que vous souhaitez redimensionner.

  3. Cliquez sur l’onglet disposition du tableau .

  4. En regard de largeur du tableau, entrez le pourcentage ou la valeur en pixels. Une valeur de 100% ou 700px ou plus utilise la totalité de la zone de contenu de la page.

  5. En regard de hauteur du tableau, entrez une valeur de pourcentage ou de pixel. Gardez à l’esprit que le nombre de paragraphes détermine également la hauteur du tableau.

  6. En regard de largeur de colonne, entrez un pourcentage ou une valeur de pixel. Une valeur de 100% ou 700px ou plus utilise la totalité de la zone de contenu de la page.

  7. En regard de hauteur de colonne, entrez un pourcentage ou une valeur de pixel. Gardez à l’esprit que le nombre de paragraphes détermine également la hauteur de tableau de cellule.

    Conseil :  Si le tableau ou les cellules redimensionnés ne vous conviennent pas, vous pouvez annuler l’action en appuyant sur Ctrl + Z ou en cliquant sur l’onglet format du texte et en choisissant Annuler.

Les modifications sont immédiatement appliquées à votre table. Si les cellules comportent du texte ou des images, celles-ci restent dans la cellule redimensionnée.

Haut de page

Changer le style de tableau

Vous pouvez personnaliser l’apparence d’un tableau en modifiant son style, en indiquant une ligne d’en-tête ou de pied de page et en appliquant une mise en forme spéciale à la première et la dernière ligne ou colonne du tableau.

Pour modifier le style de tableau

  1. Modifiez la page Web qui contient votre tableau.

  2. Placez le curseur dans le tableau que vous souhaitez personnaliser.

  3. Cliquez sur l’onglet site .

  4. Choisissez l’une des options de style de tableau suivantes. (Il est possible que vous ne voyiez pas les différences de mise en forme si le style de tableau « clair » ou « effacer » est appliqué actuellement à votre tableau.)

    • Ligne d’en-tête applique une mise en forme spéciale à la première ligne du tableau.

    • Ligne de pied de page applique une mise en forme spéciale à la dernière ligne du tableau.

    • Première colonne applique une mise en forme spéciale à la première colonne du tableau.

    • Dernière colonne applique une mise en forme spéciale à la dernière colonne du tableau.

  5. Choisissez un style de tableau. Chaque style change la couleur de bordure, la couleur de cellule et la couleur d’en-tête ou de pied de page. (Certains styles ne changent pas d’en-tête ou de pied de page si vous avez sélectionné cette option ci-dessus.)

    • Style de tableau par défaut – clair: quadrillage mince, clair et gris.

    • Style de tableau 1-clair: aucune bordure visible.

    • Style de tableau 2-clair à bandes: lignes horizontales grises, une ligne sur deux ombrée en gris.

    • Style de tableau 3-moyen deux tons: en-tête bleu, une ligne sur deux est ombrée en bleu clair.

    • Style de tableau 4 – lignes claires: en-tête gris, bordures horizontales claires et bleues.

    • Style de tableau 5 – grille: quadrillage gris, une ligne sur deux ombrée en gris.

    • Style de tableau 6 – accent 1: quadrillage bleu, en-tête bleu.

    • Style de tableau 7 – accent 2; Quadrillage bleu clair, en-tête bleu clair.

    • Style de tableau 8 – accent 3: quadrillage vert, en-tête vert.

    • Style de tableau 9 – accent 4: quadrillage olive, en-tête olive.

    • Style de tableau 10 – accent 5: quadrillage rouge, en-tête rouge.

    • Style de tableau 11 – accent 6: quadrillage violet, en-tête violet.

  6. Cliquez sur afficher les lignes de grille pour afficher ou masquer les lignes de grille de tableau. Il s’agit simplement d’une aide visuelle au cas où vous appliquiez le style de tableau Clear ou des bordures de tableau masquées, mais vous devez toujours voir le tableau pour travailler dessus.

Les modifications sont immédiatement appliquées à votre table. Si la cellule contient du texte ou des images, celle-ci reste dans la cellule d’origine avec le nouveau style appliqué.

Haut de page

Ajouter du texte ou des objets au tableau

Lorsque vous avez terminé de personnaliser le tableau, vous pouvez commencer à ajouter du contenu au tableau, tel que du texte, des graphismes et d’autres objets, comme décrit ici.

Pour ajouter du texte ou des objets au tableau

  1. Modifiez la page Web qui contient votre tableau.

  2. Placez votre curseur à l’intérieur de la cellule de tableau dans laquelle vous voulez ajouter du contenu.

  3. Pour ajouter du texte, commencez à taper le texte ou collez le texte dans la cellule du tableau. Pour modifier la police ou la taille de police, cliquez sur l’onglet format du texte , puis sélectionnez les paramètres de police.

  4. Pour insérer une image, une vidéo ou un autre objet, cliquez sur l’onglet Insérer , puis insérez l’objet comme vous le feriez dans l’une de vos pages Web. (Si la taille de l’image ou de la vidéo est supérieure à la cellule du tableau, la cellule du tableau sera automatiquement redimensionnée pour s’adapter à l’image ou à la vidéo.)

  5. Pour supprimer le texte, les images ou les objets, sélectionnez-les dans la cellule et appuyez sur la touche Suppr de votre clavier.

Haut de page

Supprimer une cellule, une ligne, une colonne ou un tableau

Le cas échéant, vous pouvez supprimer des cellules, des lignes, des colonnes ou l’ensemble du tableau.

Pour supprimer une cellule, une ligne, une colonne ou un tableau

  1. Modifiez la page Web qui contient votre tableau.

  2. Placez votre curseur dans la cellule, la ligne, la colonne ou le tableau que vous voulez supprimer.

  3. Cliquez sur l’onglet disposition du tableau .

  4. Cliquez sur supprimer et sélectionnez l’une des options suivantes :

  5. Supprimer la cellule pour supprimer la cellule où se trouve le curseur.

  6. Supprimer la colonne pour supprimer la colonne où se trouve le curseur.

  7. Supprimer la ligne pour supprimer la ligne où se trouve le curseur.

  8. Supprimer le tableau pour supprimer le tableau entier dans lequel se trouve le curseur.

  9. Continuez à personnaliser le tableau ou le contenu de la page.

Haut de page

Créer votre propre tableau, contenu HTML ou feuille CSS

Si vous voulez créer une table personnalisée ou utiliser votre propre code HTML avec CSS pour positionner le contenu sur une page, vous pouvez le faire en créant votre code HTML dans un éditeur de page Web comme expression Web ou Dreamweaver. Apportez les modifications souhaitées dans l’éditeur, puis copiez et collez le code de page Web sur votre site Web public en procédant comme suit.

Ajouter un code de page Web ou de tableau personnalisé à votre site Web

  1. Modifiez la page Web pour laquelle vous souhaitez ajouter un tableau ou du contenu HTML.

  2. Cliquez sur l’onglet format du texte , puis cliquez sur modifier la source dans le groupe balisage.
    Modifier la source dans le site web public SharePoint Online

  3. Dans la fenêtre source HTML, tapez ou collez votre code HTML personnalisé ou modifiez le contenu source existant, tel que l’application de balises DIV. (La fenêtre source HTML est également un moyen pratique de copier une table d’une partie de votre site Web à l’autre, ce qui est plus rapide que de recréer et de personnaliser un tableau.)

  4. Cliquez sur OK , puis enregistrez la page.

  5. Pour personnaliser davantage le code HTML (par exemple au moyen de couches CSS), cliquez sur l’onglet site , puis sur modifier la feuille de style.
    Modifier CSS dans un site web SharePoint Online

  6. Dans la fenêtre Modifier la feuille de style, ajoutez votre feuille CSS personnalisée, puis cliquez sur Enregistrer.

Conseil :  Pour approfondir la personnalisation de la disposition et du positionnement du contenu sur une page, vous pouvez envisager de créer une disposition de page personnalisée à l’aide du gestionnaire de conception.

Haut de page

Besoin d’aide ?

Vous voulez plus d’options ?

Explorez les avantages de l’abonnement, parcourez les cours de formation, découvrez comment sécuriser votre appareil, etc.

Les communautés vous permettent de poser des questions et d'y répondre, de donner vos commentaires et de bénéficier de l'avis d'experts aux connaissances approfondies.

Ces informations vous ont-elles été utiles ?

Dans quelle mesure êtes-vous satisfait(e) de la qualité de la langue ?
Qu’est-ce qui a affecté votre expérience ?
En cliquant sur Envoyer, vos commentaires seront utilisés pour améliorer les produits et services de Microsoft. Votre administrateur informatique sera en mesure de collecter ces données. Déclaration de confidentialité.

Nous vous remercions de vos commentaires.

×