L'alignement du texte est une technique très bénéfique pour améliorer l'apparence visuelle de votre page Web et la rendre plus attrayante. Markdown n'offre pas la capacité de modifier le positionnement du texte, mais cela nous permet d'utiliser HTML en ligne dans notre répertoire de projet Markdown pour définir l'alignement du texte.

Ce guide mettra en œuvre certaines des façons d'aligner le texte sur le centre en utilisant HTML en ligne.

Texte central dans Markdown en utilisant HTML:

Pour centrer du texte dans Markdown, nous devons exercer HTML dans notre fichier de démarque. Cette démonstration vous aidera à apprendre à utiliser des balises HTML pour l'alignement du texte en fonction de votre document. Commençons par les illustrations.

Nous utilisons l'outil de code Visual Studio pour implémenter le code. L'outil est ensuite lancé et crée un nouveau fichier avec «Markdown» comme type de fichier. Maintenant, nous allons compiler les scripts dessus.

Markdown nous fournit une syntaxe différente pour styliser n'importe quel texte dans un document, mais il ne donne aucune syntaxe native pour positionner le texte dans les documents Markdown. Heureusement, cela nous permet d'exercer un html simple. Nous allons donc explorer comment nous pouvons aligner le texte dans Markdown en utilisant HTML avec des exemples pratiques.

Pour la première instance, nous avons créé un en-tête Markdown. L'en-tête peut être ajouté à un document Markdown en utilisant les symboles de hachage (#). Un seul hachage (#) représente un en-tête de niveau un. Nous avons donc ajouté un hachage (#) suivi d'un espace. Nous avons intitulé l'en-tête «Ceci est un en-tête Markdown». Gardez à l'esprit que vous devez ajouter un espace après le symbole de hachage pour en faire un titre, sinon il sera considéré comme un texte normal avec des symboles de hachage.

Ceci est le résultat prévu du script Markdown généré ci-dessus. Ici, vous pouvez voir que l'en-tête est aligné sur le côté gauche du document, qui est l'alignement par défaut pour le script Markdown. Et il ne peut pas être modifié en utilisant une bassesse pure.

Maintenant, si nous voulons que l'en-tête soit affiché au milieu du document, nous n'avons pas d'autre choix dans Markdown que pour utiliser les balises HTML, ce qui nous permettra de changer le placement du texte où nous le voulons dans le document.

Pour créer un titre, HTML a une balise «». Cette balise a deux parties: une ouverture «» et une clôture «». Nous voulons créer un en-tête de niveau 1, nous utiliserons donc la balise comme «

". Pour aligner le texte dans cette balise, nous avons utilisé l'attribut «Aligner». Cette propriété définit le positionnement de tout texte, image, lien, bouton, etc. sur la page Web. Ici, nous l'utilisons pour positionner notre en-tête de texte Markdown. Nous l'avons attribué la valeur «Centre» car nous devons placer l'en-tête au milieu de la page. Après cela, nous avons spécifié le texte d'un en-tête comme «Ceci est un en-tête de marque». Ensuite, la balise d'en-tête est fermée en utilisant «

".

Maintenant dans la fenêtre d'aperçu, vous observerez que le titre est actuellement passé au centre du document.

Pour une distinction claire, nous fournissons à la fois les en-têtes de sortie rendus, avec Markdown et avec HTML, dans l'instantané ci-dessous:

Nous avons appris à centrer l'en-tête sur la page Web. De même, vous pouvez aligner le reste des titres: droite, gauche, centre, justifier, etc., dans le document. Maintenant, nous verrons comment centrer des paragraphes dans Markdown. Nous allons d'abord créer du texte régulier dans Markdown pour voir son alignement, puis, en utilisant HTML, il sera aligné sur le milieu.

Pour créer un paragraphe de texte dans Markdown, nous n'avons besoin d'aucune syntaxe. Écrivez simplement les chaînes de texte et il sera affiché comme un paragraphe régulier. Nous avons donc créé un paragraphe comme «nous apprenons à aligner le texte normal au milieu de la page Web. Markdown l'affichera dans la position de gauche de la page avec ses paramètres par défaut."

La sortie rendue affiche un paragraphe de démarque aligné sur le côté gauche.

Il n'y a aucun moyen de le faire bouger au milieu avec une marque. Encore une fois, HTML nous laissera faire cela en utilisant ses balises. Nous allons créer un paragraphe en HTML en utilisant les balises HTML spécifiées pour la création de paragraphes, qui sont «

…

". La première "

”La balise est la balise d'ouverture, et le"

”La balise est la balise de clôture paragraphe. Entre ces deux balises, le texte du paragraphe sera spécifié. Nous avons donc écrit le paragraphe entre les balises de paragraphe comme «nous apprenons à aligner le texte normal au milieu de la page Web. Pour aligner le texte au centre, nous utilisons le HTML."

Ce texte sera exposé sur le côté gauche par défaut. Pour changer son alignement, nous devons utiliser la propriété «aligner» dans l'ouverture «

" étiqueter. Nous avons donc inséré le «

"Tag dedans et a fourni la valeur" Centre "afin que le paragraphe soit mis au milieu.De plus, nous avons changé la taille de la police de texte de la normale à la taille «3» en utilisant la balise HTML «» et en spécifiant la taille avec l'attribut «taille».

Maintenant, le paragraphe nouvellement créé est affiché au milieu et la taille de la police de ce paragraphe est plus grande que la taille du texte ordinaire.

Voyons les deux paragraphes de sortie ensemble pour de meilleures différences visuelles dans l'instantané fourni ci-dessous:

Vous pouvez observer le changement d'alignement ainsi que les variations de taille de police dans les deux paragraphes.

Nous pouvons également aligner une partie d'un paragraphe au centre plutôt qu'à l'ensemble du paragraphe. Pour cela, nous utiliserons la classe HTML “'.

Tout d'abord, créez un paragraphe Markdown, puis placez les lignes de texte entre les tags div «…» que nous voulons afficher au milieu. Dans la balise Div d'ouverture, nous avons utilisé l'attribut «style» et lui avons attribué la valeur «Text-Align: Center».

La sortie rendue montre un paragraphe partiellement aligné au centre.

Une autre balise HTML qui peut être utilisée pour aligner le texte sur le centre est «». Cette balise est la plus simple et la plus simple. Il vous suffit de mettre entre les tags, la ligne de texte ou le texte ou le paragraphe pour le centrer.

Pour placer le cap au centre, nous avons d'abord placé les étiquettes d'ouverture et de clôture «…», et entre ces balises, nous avons utilisé le HTML "

…

»Tags pour spécifier un titre. Le contenu que nous avons fourni pour la rubrique est «Ceci est notre cap de niveau 2."

Le titre de deuxième niveau actuellement créé est aligné avec succès au milieu du document.

De même, nous pouvons utiliser cette balise Centre les paragraphes dans la marque. Nous avons initialisé les balises «…» et utilisé le «

… .

»Tags entre eux pour créer un paragraphe. Le texte fourni entre les étiquettes de paragraphe est «Nous centrions le paragraphe maintenant."

Cela nous donne la sortie suivante:

Conclusion:

Dans cet article, nous vous avons fourni différentes techniques pour exercer les balises HTML pour aligner le texte au centre. La sortie de chaque technique est comparée à la syntaxe de Markdown native pour rendre les différences compréhensibles. Nous avons implémenté les scripts dans le code Visual Studio sur le système d'exploitation Windows.