loginteachers.com

VOUS NE TROUVEZ PAS CE QUE VOUS CHERCHEZ?

Utilisez notre moteur de recherche et trouvez tout ce dont vous avez besoin

Comment centrer le texte HTML

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 de Comment centrer le texte HTML
Commentaire envoyé avec succès ! Nous l'examinerons dans les prochaines heures.