Tabella Markdown
Esempio 1:
Utilizziamo il codice Visual Studio in cui creiamo le tabelle nel "Markdown". Digitiamo il codice nel suo editor di testo. Per ottenere il suo output, apriamo la finestra di anteprima premendo l'icona presente nell'angolo destro di questo editor di testo. Ora creiamo la tabella. A tale scopo, utilizziamo due simboli che sono tubi "|" e trattini "-". I "trattini" sono utilizzati per creare l'intestazione di ogni colonna. I "tubi" sono utilizzati per separare ogni colonna della tabella.
Qui, aggiungiamo il "|" Pipe prima e poi posiziona il "nome". Aggiungiamo un "|" di nuovo pipe. Significa che abbiamo creato una cella della tabella. Dopo questo, aggiungiamo l '"età" e poi posizioniamo il "|" Ancora. Ora è la seconda cella di questa tabella. Sotto il "nome", aggiungiamo i "trattini" tra altri due "tubi", il che significa che il precedente "nome" che abbiamo aggiunto qui è il nome della colonna della tabella. Aggiungiamo anche questi trattini sotto l '"età" all'interno dei "tubi" che rende il nome della colonna "età" della tabella.
Dopo questo, inseriamo alcuni nomi ed età in queste colonne che abbiamo creato. Aggiungiamo "James" tra due tubi. Aggiungiamo "23" nella colonna "Age" che viene anche inserita tra due tubi. Di seguito, aggiungiamo "William" posizionando una pipa prima di "William" e una pipa dopo "William".
Quindi, abbiamo aggiunto "34" allo stesso modo in cui abbiamo fatto nella colonna di età. Dopo questo, inseriamo "Peter" e "21" posizionando i tubi all'inizio e alla fine. Separamo anche sia "Peter" che "21" posizionando il "tubo" tra loro. Ora aggiungiamo "Bromley" e "28" che appaiono nella riga successiva. "Bromley" appare nella colonna "Nome" e "28" appare nella colonna "Age". Quindi, aggiungiamo "Newton" e "41" che appaiono nella riga successiva di questa tabella. Aggiungiamo anche "alleati" e "29" sotto "Newton" e "41". Quindi, aggiungiamo "Edward" e "33" nella riga successiva. Aggiungiamo anche "Jacob" e "40" nell'ultima riga. Non abbiamo bisogno di eseguire il debug di quel codice perché l'output di questo codice è reso nella finestra "Anteprima" che apriamo qui.
Questa è la finestra "Anteprima" in cui viene visualizzato l'output di questo codice. La tabella che abbiamo creato in precedenza è mostrata qui. Puoi vedere che il "nome" e "età" sono evidenziati perché entrambe sono i nomi delle colonne di queste due colonne che abbiamo aggiunto alla tabella. Quindi, la linea verticale è presente sotto questi nomi che sono anche audaci. Tutti i dati vengono inseriti in queste colonne di conseguenza come abbiamo aggiunto in precedenza nel formato della tabella.
Esempio 2:
In questo esempio, aggiungiamo tre colonne e posizioniamo un tubo "|" Dopo ogni nome di colonna. Per prima cosa aggiungiamo i nomi delle colonne che sono "writer_name, writer_pay e writer_qualification". Inseriamo i "trattini" di seguito, quindi i nomi di cui sopra sono separati dai dati seguenti che aggiungiamo qui. I nomi dati sono i nomi di queste colonne e appare in grassetto nell'anteprima. Nella seguente illustrazione, aggiungiamo "Jeffery, 23000 e BS-IT". Separare anche ogni valore posizionando "tubi" tra loro.
Inoltre, aggiungiamo i tubi all'inizio e alla fine. Questi tre valori appaiono in una riga e tre colonne. Quindi, aggiungiamo "Ryan, 34000 e MS-IT" separandoli usando "|". Dopo questo, aggiungiamo "Jonathan, 21000 e BBA" che viene aggiunto nella terza fila. Allo stesso modo, aggiungiamo altre sei righe a questa tabella separando ogni valore della riga con l'aiuto di "tubi" come mostrato nella seguente immagine:
Ecco il tavolo che abbiamo fatto in precedenza. Come puoi vedere, le parole "writer_name", "writer_pay" e "writer_qualification" sono in grassetto in quanto questi sono i nomi delle tre colonne che abbiamo aggiunto alla tabella. Tutti i dati vengono inseriti in modo appropriato in queste colonne come abbiamo precedentemente inserito.
Esempio 3:
Qui, creiamo una tabella ma questa volta, rendiamo il testo audace e corsivo che viene inserito nella tabella. Creiamo due colonne per questa tabella. I nomi delle colonne che aggiungiamo qui sono "stili" e "descrizione". Posizioniamo quindi i tre trattini sotto i nomi di ciascuna colonna all'interno dei "tubi". Dopo questo, aggiungiamo il "testo in corsivo" nella prima colonna. Quindi, inseriamo un po 'di testo nella colonna successiva posizionando "|" Là.
Aggiungiamo il testo all'interno del "*". Posizioniamo uno "*" prima del testo e uno "*" dopo il testo. Abbiamo quindi messo il "|" tubo. Questo testo è ora mostrato in formato in corsivo perché abbiamo aggiunto questo testo all'interno dei due asterischi "*. Sotto di esso, aggiungiamo il "testo audace" nella colonna "Styles". Posizioniamo due asterischi "**" nella colonna "Descrizione". Quindi scriviamo un po 'di testo e poi posizioniamo di nuovo i due asterischi "**". Ora, il testo che è scritto tra loro è mostrato in grassetto.
Ora, vogliamo rendere il testo audace e corsivo allo stesso tempo. Per questo, posizioniamo tre asterischi "***" prima del testo e tre asterischi "***" dopo il testo. Il testo appare in grassetto e in formato corsivo allo stesso tempo.
Il testo presentato nella colonna "Descrizione" della prima riga appare in formato corsivo. Quindi, sotto il testo presente nella seconda riga della colonna "Descrizione" appare in grassetto. Il testo che è presente nell'ultima riga della colonna "Descrizione" appare in "grassetto" e "corsivo".
Esempio 4:
Possiamo anche impostare l'allineamento del testo che è scritto all'interno della tabella usando i colpi ":" con i trattini "-". Il ":-" mostra l'allineamento a sinistra, il ":-:" mostra l'allineamento centrale e il "-:" viene utilizzato per il giusto allineamento. Aggiungiamo i nomi della colonna della tabella che sono "allineamento sinistro, allineamento centrale e allineamento destro". Aggiungiamo ":-" sotto la colonna "Allineamento a sinistra".
Ora, il testo che viene aggiunto alla colonna "Allineamento a sinistra" appare sul lato sinistro. Nella colonna "Allineamento centrale", aggiungiamo il ":-:" sotto il nome della colonna in modo che tutti i dati immessi in questa colonna appaia al centro di questa colonna o celle. Nella colonna "Allineamento giusto", aggiungiamo "-:" Quindi il testo che viene aggiunto in questa colonna appare sul lato destro.
I valori presenti nella colonna "Allineamento a sinistra" sono mostrati sul lato sinistro. I valori presenti nella colonna "allineamento centrale" sono mostrati al centro di questa colonna. I valori che sono qui nella colonna "Allineamento giusto" compaiono sul lato "destro". Questo perché abbiamo regolato questi allineamenti nel codice precedente.
Conclusione
Il concetto "Markdown Table" è spiegato in questo tutorial. Abbiamo spiegato come questa lingua di "markdown" aiuta a creare le tabelle. Abbiamo spiegato come creare le tabelle e come regolare i nomi della colonna delle tabelle. Abbiamo anche discusso di come applicare la formattazione al testo che abbiamo aggiunto all'interno delle colonne della tabella. Abbiamo anche spiegato come regolare l'allineamento del testo della colonna della tabella. Abbiamo discusso in dettaglio tutte le nozioni di "tabelle di markdown" in questo tutorial.