close
    search Buscar

    Comment centrer le texte HTML

    Qui suis-je
    MartĂ­ Micolau
    @martĂ­micolau

    Commentaires sur l'article:

    index

    • Centrez le texte en HTML avec l'attribut align
    • Centrez le texte HTML avec la balise center

    Centrez le texte en HTML avec l'attribut align

    regardez centrer le texte HTML, tout ce que vous avez Ă  faire est d'apprendre Ă  utiliser correctement l'attribut aligner, qui peut ĂȘtre utilisĂ© dans de multiples contextes : grĂące Ă  lui, il est en effet possible d'aligner des textes, des images, des tableaux etc. Voyons comment l'insĂ©rer Ă  la fois Ă  l'intĂ©rieur de la balise  que dans l'Ă©tiquette .



    Étiqueter

    Pour obtenir un texte alignĂ© au centre via l'attribut et la balise align, vous devez procĂ©der comme suit : ouvrez d'abord votre Ă©diteur HTML prĂ©fĂ©rĂ©, insĂ©rez la balise (qui au cas oĂč vous ne le sauriez pas signifie paragraphe, paragraphe en franccesan) suivi de l'attribut aligner et l'attribut correspondant au style de mise en forme souhaitĂ©, c'est-Ă -dire centre (centrĂ©) enfermĂ© dans guillemets. Dans ce cas, le code Ă  utiliser pour obtenir le rĂ©sultat souhaitĂ© est le suivant.

    Texte de test

    En utilisant le code que je viens d'indiquer, vous pourrez obtenir le résultat que vous voyez ci-dessous, c'est-à-dire un texte parfaitement aligné au centre de la page dans laquelle il est inséré.

    Texte de test

    Avec la mĂȘme technique, vous pouvez Ă©galement aligner le texte Ă  gauche, Ă  droite ou mĂȘme le justifier. Pour continuer, il vous suffit de remplacer align = "center" avec l'un des attributs suivants.

    • align="gauche" - si vous avez l'intention d'aligner le texte Ă  gauche.
    • align = "Ă  droite" - si vous souhaitez aligner le texte Ă  droite.
    • align="justifier" - si, en revanche, vous entendez justifier le texte.

    Étiqueter


    Comme je l'ai dit plus haut, il est possible de centrer le texte en HTML Ă©galement en utilisant la balise  qui, comme vous le savez peut-ĂȘtre dĂ©jĂ , diffĂšre de celui analysĂ© prĂ©cĂ©demment par le fait qu'il ne crĂ©e pas de paragraphes (donc il ne laisse pas de ligne blanche Ă  la fin) et peut ĂȘtre utilisĂ© comme conteneur gĂ©nĂ©rique pour plusieurs Ă©lĂ©ments, donc pas uniquement du contenu textuel mais aussi des tableaux, des images, etc.


    Pour obtenir un texte centrĂ© avec la balise en question, mĂȘme dans ce cas il suffit d'ouvrir l'Ă©diteur HTML que vous utilisez pour crĂ©er votre page Web "Ă  la main", insĂ©rez la balise suivi de l'attribut aligner et prĂ©cisez entre guillemets le style de formatage souhaitĂ©, dans ce cas centre, c'est-Ă -dire centrĂ©. Vous trouverez ci-dessous un exemple pratique qui vous sera utile pour comprendre encore mieux comment procĂ©der.

    Texte de test

    Le code en question vous permettra d'obtenir le résultat suivant, c'est-à-dire un texte parfaitement aligné au centre de la page dans laquelle il est inséré :

    MĂȘme l'Ă©tiquette il ne se contente pas de centrer le texte, il peut Ă©galement ĂȘtre utilisĂ© pour aligner les textes Ă  gauche, Ă  droite ou les justifier. Remplacez simplement l'attribut align = "center" avec l'un de ceux Ă©numĂ©rĂ©s ci-dessous.

    • align="gauche" - si vous avez l'intention d'aligner le texte Ă  gauche.
    • align = "Ă  droite" - si vous souhaitez aligner le texte Ă  droite.
    • align="justifier" - si, en revanche, vous souhaitez justifier le texte.

    Dans tous les cas, par souci de "nettoyage" du code, je vous recommande de toujours utiliser la balise (surtout en ce qui concerne les paroles) et non le tag . Compris?


    Centrez le texte HTML avec la balise center

    Une autre façon de centrer le texte en HTML est de recourir Ă utilisation du centre de balises, qui offre l'avantage de pouvoir centrer plusieurs paragraphes Ă  la fois. Tout ce que vous avez Ă  faire pour l'utiliser est d'ouvrir l'Ă©diteur HTML que vous utilisez pour vous entraĂźner, d'insĂ©rer la balise suivi du texte que vous souhaitez centrer et de la balise de fermeture , qui doit ĂȘtre insĂ©rĂ© Ă  l'endroit de la page oĂč vous souhaitez arrĂȘter d'utiliser la mise en forme centrĂ©e.



    Si vous souhaitez centrer un seul paragraphe, par exemple, vous pouvez procéder comme vous le voyez dans l'exemple suivant.

    Exemple de texte

    Le résultat que vous obtiendrez sera le suivant.

    Exemple de texte

    Si par contre vous souhaitez centrer plusieurs paragraphes Ă  la fois, il suffit de les enfermer tous dans la balise . C'est l'un des avantages d'utiliser cette balise Ă  la place de l'attribut aligner (que vous auriez dĂ» mettre Ă  l'intĂ©rieur de chaque balise pour obtenir le mĂȘme rĂ©sultat). Si vous souhaitez centrer plus de paragraphes, suivez les Ă©tapes ci-dessous.

    Exemple de paragraphe de texte no. 1

    Exemple de paragraphe de texte no. 2

    Exemple de paragraphe de texte no. 3

    Exemple de texte de paragraphe...


    Le résultat que vous obtiendrez en utilisant le code que je viens d'indiquer sera des paragraphes alignés tous au centre de la page dans laquelle ils sont insérés, comme vous pouvez le voir dans l'exemple ci-dessous.

    Exemple de texte paragraphe no. 1

    Exemple de texte paragraphe no. 2

    Exemple de texte paragraphe no. 4

    Exemple de texte de paragraphe...

    Et c'est tout! Maintenant que vous connaissez les rÚgles de base pour centrer du texte en HTML, il ne vous reste plus qu'à vous entraßner, à vous entraßner et encore à pratiquer ! Ce faisant, vous vous familiariserez de plus en plus avec l'utilisation des balises et attributs dont je vous ai parlé dans ce guide et vous pourrez formater les textes à insérer sur votre page web sans aucune difficulté. A ce propos, je vous propose également de consulter mon guide sur comment créer un site en HTML, dans lequel je vous ai expliqué plus en détail comment construire un site en utilisant uniquement le code.

    Comment centrer le texte HTML

    Audio Video Comment centrer le texte HTML
    ajouter un commentaire depuis Comment centrer le texte HTML
    Commentaire envoyé avec succÚs ! Nous l'examinerons dans les prochaines heures.