Bloc de code Markdown

Bloc de code Markdown
«La marque est fréquemment utilisée pour ajouter des éléments de formatage dans des fichiers texte en texte clair. Toutes les fonctionnalités du HTML sont facilement accessibles dans Markdown. Avec l'aide de «Markdown», nous pouvons effectuer une variété de tâches, comme l'ajout de titres, le formatage en gras et en italique, créant des tables, en ajoutant des liens et bien plus encore. Nous pouvons également créer des blocs de code dans «Markdown». Nous avons deux types de blocs de code dans «Markdown». L'un est le bloc de code en retrait, et l'autre est le bloc de code clôturé. Nous créerons les deux blocs de code dans ce guide et discuterons de ces blocs de code en détail ici."

Types de blocs de code

Nous avons deux types de blocs de code dans Markdown, et ce sont:

  • Bloc de code en retrait.
  • Bloc de code clôturé.

Blocs de code en retrait

Dans le bloc de code en retrait, nous inventons chaque ligne en mettant quatre espaces avant le texte. Si nous ajoutons une ligne vierge dans ce bloc de code en retrait, cette ligne est également incluse dans le bloc de code en retrait. Lorsque nous écrivons une nouvelle ligne ou un nouveau paragraphe qui n'est pas en retrait, le bloc de code en retrait se termine et démarre un nouveau paragraphe à partir de cette ligne.

Blocs de code clôturés

Dans le bloc de code clôturé, nous devons placer trois backtincs («') au début et la fin du bloc de code. Nous pouvons également le faire en mettant Tildes (~~~) à la place des backtincs. Rappelez-vous une chose; Vous devez utiliser le même symbole au début et à la fin du bloc de code et à mettre également les mêmes nombres de symboles au début et à la fin du bloc de code.

Exemple # 01: bloc de code en retrait

Le Code Visual Studio est utilisé dans ce guide pour faire les codes Markdown. Nous devons ouvrir le nouveau fichier texte dans le code Visual Studio, puis sélectionner Markdown comme langue. Lorsque nous sélectionnons cette langue, alors l'extension de fichier, qui est «.md », est automatiquement ajouté à ce fichier lorsque nous l'enregistrons. Pour faire les codes Markdown, nous installons d'abord l'extension de cette marque. Pour cela, nous ouvrons les extensions du paramètre qui est présent sur le bas gauche du code Visual Studio, puis installons le «Markdown tout en un». Maintenant, cette extension est installée.

Après cela, pour obtenir une sortie, nous avons besoin de la fenêtre d'aperçu. Nous pouvons facilement ouvrir la fenêtre d'aperçu du coin supérieur droit du code Visual Studio. Maintenant, l'éditeur de texte et la fenêtre d'aperçu sont ouverts devant nous. Dans l'éditeur de texte, nous ajoutons du texte simple et du bloc de code. Nous écrivons un paragraphe ici, et nous n'acceptons pas ce paragraphe. Comme nous l'avons discuté, pour créer le bloc de code en retrait dans Markdown, nous devons mettre le texte ou le paragraphe quatre espaces. Nous créons quatre espaces, puis ajoutons le texte afin que la deuxième ligne soit insérée comme bloc de code.

Après cela, nous ajoutons un autre paragraphe qui n'est pas en retrait, il n'est donc pas inclus dans le bloc de code ci-dessus. En dessous, nous ajoutons à nouveau quatre espaces, puis ajoutons un nouveau paragraphe, il s'agit donc également du bloc de code en retrait. Ensuite, nous placons à nouveau un paragraphe simple sans acte, de sorte que le bloc de code se termine à la ligne ci-dessus.

Dans la fenêtre d'aperçu, ce résultat est rendu. Ici, les lignes en retrait sont affichées comme un bloc de code. Nous avons généré ces blocs de code en ajoutant quatre espaces avant le paragraphe. Ce sont les blocs de code en retrait.

Exemple # 02: bloc de code clôturé

Dans ce code, nous faisons des blocs de code clôturés en mettant trois backtticks («') au point où nous devons créer le bloc de code. Dans ce bloc de code clôturé, nous n'avons pas besoin de mettre les lignes que nous voulons ajouter au bloc de code. Après avoir ajouté («»), nous mettons le texte, puis nous placons à nouveau («» à la fin où nous voulons fermer ce bloc de code clôturé. Nous ajoutons du texte et une fonction dans ce bloc de code clôturé.

Après cela, nous ajoutons une ligne à l'extérieur du bloc de code clôturé, puis générons à nouveau un nouveau bloc de code clôturé en plaçant («»). Il contient toutes les données qui s'ajouteront à ce bloc de code, puis ferment le bloc de code clôturé à l'aide de («»). Nous avons donc généré deux blocs de code clôturés différents ici.

Ici, les deux blocs de code clôturés sont affichés, et toutes les données que nous avons ajoutées ci-dessus sont affichées dans l'image. Le texte qui n'a pas été ajouté entre ces symboles («') backticks n'est pas affiché à l'intérieur des blocs de code clôturés. Ces lignes sont affichées séparément où nous les avons ajoutées.

Exemple # 03

Nous ajoutons d'abord un paragraphe ici qui n'est pas en retrait, et après cela, nous avons mis une nouvelle ligne qui est en retrait. Donc, il génère le bloc de code ici. La ligne ou le paragraphe ci-dessous est également en retrait, il ajoutera également à ce bloc de code. Maintenant, nous insérons un espace de ligne et nous plaçons à nouveau quatre espaces en lignes en retrait. Ici, cet espace de ligne n'affecte pas le bloc de code. Le bloc de code en retrait se termine uniquement lorsque nous avons ajouté un paragraphe qui n'est pas en retrait. Ci-dessous, nous avons ajouté des espaces à deux lignes, et le bloc de code ne se terminera pas ici. Nous ajoutons une autre ligne en retrait après ces espaces à deux lignes. Maintenant, nous avons ajouté un paragraphe qui n'est pas en retrait ici. Donc, le bloc de code en retrait se termine ici.

Ici, vous voyez que les espaces de ligne sont également ajoutés dans le bloc de code en retrait, et ce bloc de code en retrait se termine où nous avons ajouté le paragraphe sans l'indemniser.

Exemple # 04

Ici, nous appliquons un formatage au paragraphe simple et aussi aux paragraphes que nous avons en retrait. Premièrement, nous ajoutons un paragraphe qui n'est pas en retrait et placerait deux astérisques au début du paragraphe et deux astérisques à la fin du paragraphe pour rendre ce paragraphe audacieux. Après cela, nous avons ajouté le paragraphe en retrait et avons également placé ce paragraphe en retrait à l'intérieur de quatre astérisques car nous avons ajouté le paragraphe ci-dessus.

Maintenant, nous terminons ce bloc de code en retrait et écrivons un paragraphe à l'intérieur de deux astérisques pour le rendre italique. Ensuite, nous lisons un nouveau paragraphe en dessous de ces deux astérisques. Après cela, nous avons inséré un paragraphe qui n'est pas en retrait, donc le bloc de code ci-dessus se termine, et le paragraphe simple est maintenant ajouté. Nous plaçons trois astérisques au début et trois à la fin de ce paragraphe, donc il s'affiche en gras et en italique. Nous écrivons également le paragraphe en retrait en dessous, de la même manière que le paragraphe ci-dessus à l'intérieur de six astérisques. Maintenant, vérifiez la sortie ci-dessous.

Ici, tous les formatations sont appliquées aux paragraphes simples, mais les paragraphes qui sont ajoutés dans le bloc de code en retrait sont affichés sans appliquer de formatage. Les paragraphes à l'intérieur des blocs de code en retrait ne sont pas affichés en italique ou non en gras mais sont affichés dans un format simple. Et les paragraphes simples qui ne sont pas en retrait sont formatés, et ils sont affichés au format audacieux ou italique, comme nous l'avons ajouté dans le code. Tous les astérisques que nous avons ajoutés avec les paragraphes de blocs de code en retrait sont également affichés dans la sortie.

Conclusion

Les blocs de code sont discutés dans ce guide. Nous avons expliqué deux blocs de code ici, qui sont des blocs de code clôturés et des blocs de code en retrait. Nous avons également expliqué comment générer le «bloc de code en retrait» dans la marque ainsi que le «bloc de code clôturé» dans le Markdown. Nous avons également créé les deux blocs de code dans ce guide et avons montré ici comment faire cela. Nous avons présenté ici des directives appropriées pour créer les blocs de code dans la marque de ce guide.