Table de marque
Exemple 1:
Nous utilisons le code Visual Studio où nous créons les tables dans le «Markdown». Nous tapons le code dans son éditeur de texte. Pour obtenir sa sortie, nous ouvrons la fenêtre d'aperçu en appuyant sur l'icône qui est présente dans le coin droit de cet éditeur de texte. Maintenant, nous créons la table. À cette fin, nous utilisons deux symboles qui sont des tuyaux «|» Et les traits de trait "-". Les «traits de conseils» sont utilisés pour créer l'en-tête de chaque colonne. Les «tuyaux» sont utilisés pour séparer chaque colonne de la table.
Ici, nous ajoutons le «|» Pipe d'abord puis placez le «nom». Nous ajoutons un «|» pipe à nouveau. Cela signifie que nous avons créé une cellule de la table. Après cela, nous ajoutons «l'âge», puis nous plaçons le «|» encore. Maintenant, c'est la deuxième cellule de ce tableau. Sous le «nom», nous ajoutons les «traits» entre deux autres «tuyaux», ce qui signifie que le «nom» précédent que nous avons ajouté ici est le nom de la colonne de la table. Nous ajoutons également ces traits de traits sous «l'âge» à l'intérieur des «tuyaux», ce qui rend le nom de la colonne «Age» de la table.
Après cela, nous insérons certains noms et âges dans ces colonnes que nous avons créées. Nous ajoutons «James» entre deux tuyaux. Nous ajoutons «23» dans la colonne «Age» qui est également insérée entre deux tuyaux. Ci-dessous, nous ajoutons «William» en plaçant une pipe avant «William» et une pipe après «William».
Ensuite, nous avons ajouté «34» de la même manière que nous l'avons fait dans la colonne d'âge. Après cela, nous insérons «Peter» et «21» en plaçant les tuyaux au début et à la fin. Nous séparons également «Peter» et «21» en plaçant le «tuyau» entre eux. Maintenant, nous ajoutons "Bromley" et "28" qui apparaissent dans la ligne suivante. «Bromley» apparaît dans la colonne «Nom» et «28» apparaît dans la colonne «Age». Ensuite, nous ajoutons «Newton» et «41» qui apparaissent dans la ligne suivante de ce tableau. Nous ajoutons également des «alliés» et «29» sous les «Newton» et «41». Ensuite, nous ajoutons «Edward» et «33» dans la ligne suivante. Nous ajoutons également «Jacob» et «40» dans la dernière rangée. Nous n'avons pas besoin de déboguer ce code parce que la sortie de ce code est rendue sur la fenêtre «Aperçu» que nous ouvrons ici.
Il s'agit de la fenêtre «Aperçu» dans laquelle la sortie de ce code s'affiche. Le tableau que nous avons créé précédemment est affiché ici. Vous pouvez voir que le «nom» et «l'âge» sont mis en évidence car les deux sont les noms de colonne de ces deux colonnes que nous avons ajoutées à la table. Ensuite, la ligne verticale est présente sous ces noms qui sont également audacieux. Toutes les données sont insérées dans ces colonnes en conséquence comme nous l'avons déjà ajouté dans le format de la table.
Exemple 2:
Dans cet exemple, nous ajoutons trois colonnes et plaçons un tuyau «|» Après chaque nom de colonne. Nous ajoutons d'abord les noms de colonne qui sont "écrivain_name, écrivain_pay et écrivain_qualification". Nous insérons les «traits» ci-dessous, de sorte que les noms ci-dessus sont séparés des données ci-dessous que nous ajoutons ici. Les noms donnés sont les noms de ces colonnes et apparaît audacieux sur l'aperçu. Dans l'illustration suivante, nous ajoutons «Jeffery, 23000 et BS-it». Nous séparons également chaque valeur en plaçant des «tuyaux» entre eux.
De plus, nous ajoutons les tuyaux au début et à la fin. Ces trois valeurs apparaissent dans une ligne et trois colonnes. Ensuite, nous ajoutons «Ryan, 34000 et MS-it» en les séparant en utilisant «|». Après cela, nous ajoutons "Jonathan, 21000 et BBA" qui est ajouté dans la troisième rangée. De même, nous ajoutons six autres lignes à ce tableau en séparant chaque valeur de la ligne à l'aide de «tuyaux» comme indiqué dans l'image suivante:
Voici le tableau que nous avons fait précédemment. Comme vous pouvez le voir, les mots «écrivain_name», «écrivain_pay» et «écrivain_qualification» sont en gras car ce sont les noms des trois colonnes que nous avons ajoutées à la table. Toutes les données sont saisies de manière appropriée dans ces colonnes comme nous avons précédemment inséré.
Exemple 3:
Ici, nous créons une table mais cette fois, nous rendons le texte audacieux et en italique qui est inséré dans la table. Nous créons deux colonnes pour ce tableau. Les noms de colonne que nous ajoutons ici sont des «styles» et «description». Nous plaçons ensuite les trois tirets sous les noms de chaque colonne à l'intérieur des «tuyaux». Après cela, nous ajoutons le «texte italique» dans la première colonne. Ensuite, nous plaçons du texte dans la colonne suivante en plaçant «|» là.
Nous ajoutons le texte à l'intérieur du «*». Nous plaçons un «*» avant le texte et un «*» après le texte. Nous mettons ensuite le «|» tuyau. Ce texte est maintenant affiché au format italique car nous avons ajouté ce texte à l'intérieur des deux astérisques «*». En dessous, nous ajoutons le «texte gras» dans la colonne «Styles». Nous plaçons deux astérisques «**» dans la colonne «Description». Nous écrivons ensuite du texte puis relâchez les deux astérisques «**». Maintenant, le texte écrit entre eux est indiqué en gras.
Maintenant, nous voulons rendre le texte audacieux et en italique en même temps. Pour cela, nous plaçons trois astérisques «***» avant le texte et trois astérisques «***» après le texte. Le texte apparaît au format audacieux et en italique en même temps.
Le texte présenté dans la colonne «Description» de la première ligne apparaît au format italique. Ensuite, sous le texte qui est présent dans la deuxième ligne de la colonne «Description» apparaît en gras. Le texte qui est présent dans la dernière rangée de la colonne «Description» apparaît en «gras» et «italique».
Exemple 4:
Nous pouvons également définir l'alignement du texte qui est écrit à l'intérieur du tableau à l'aide des Colons «:» avec les traits de traits «-». Le «: -» montre l'alignement gauche, le «: -:» montre l'alignement du centre, et le «-:» est utilisé pour l'alignement droit. Nous ajoutons les noms de colonne de la table qui sont «l'alignement gauche, l'alignement central et l'alignement droit». Nous ajoutons «: -» sous la colonne «Alignement gauche».
Maintenant, le texte qui est ajouté à la colonne "Alignement gauche" apparaît sur le côté gauche. Dans la colonne «Alignement central», nous ajoutons le «:::» sous le nom de la colonne afin que toutes les données qui sont entrées dans cette colonne apparaissent au centre de cette colonne ou cellule. Dans la colonne "Alignement droit", nous ajoutons "-:" donc le texte qui est ajouté dans cette colonne apparaît sur le côté droit.
Les valeurs qui sont présentes dans la colonne «Alignement gauche» sont indiquées sur le côté gauche. Les valeurs qui sont présentes dans la colonne «Alignement central» sont indiquées au centre de cette colonne. Les valeurs qui sont ici dans la colonne «Alignement droit» apparaissent du côté «droit». En effet, nous avons ajusté ces alignements dans le code précédent.
Conclusion
Le concept de «Table Markdown» est expliqué dans ce tutoriel. Nous avons expliqué comment ce langage «Markdown» aide à créer les tables. Nous avons expliqué comment créer les tables et comment ajuster les noms de colonne des tables. Nous avons également discuté de la façon d'appliquer le formatage au texte que nous avons ajouté à l'intérieur des colonnes de la table. Nous avons également expliqué comment ajuster l'alignement du texte de la colonne de la table. Nous avons discuté de toutes les notions de «tables de marques» dans ce tutoriel en détail.