Exemplo 1:
Utilizamos o código do Visual Studio, onde criamos as tabelas no “Markdown”. Digitamos o código em seu editor de texto. Para obter sua saída, abrimos a janela de visualização pressionando o ícone que está presente no canto direito deste editor de texto. Agora, criamos a tabela. Para esse fim, utilizamos dois símbolos que são tubos “|” e hífens “-”. Os "hífens" são utilizados para criar o cabeçalho de cada coluna. Os "tubos" são utilizados para separar cada coluna da tabela.
Aqui, adicionamos o “|” tubo primeiro e depois coloque o "nome". Adicionamos um "|" tubo novamente. Isso significa que criamos uma célula da tabela. Depois disso, adicionamos a "idade" e depois colocamos o "|" de novo. Agora, é a segunda célula desta tabela. Abaixo do "nome", adicionamos os "hífens" entre mais dois "tubos", o que significa que o "nome" anterior que adicionamos aqui é o nome da coluna da tabela. Também adicionamos esses hífens abaixo da "idade" dentro dos "tubos" que fazem com que o nome da coluna da "idade".
Depois disso, inserimos alguns nomes e idades nessas colunas que criamos. Adicionamos "James" entre dois tubos. Adicionamos "23" na coluna "Age", que também é inserida entre dois tubos. Abaixo, adicionamos "William" colocando um tubo antes de "William" e um tubo depois de "William".
Em seguida, adicionamos "34" da mesma maneira que na coluna da idade. Depois disso, inserimos "Peter" e "21", colocando os tubos no início e no final. Também separamos "Peter" e "21", colocando o "tubo" entre eles. Agora, adicionamos "Bromley" e "28", que aparecem na próxima linha. "Bromley" aparece na coluna "Nome" e "28" aparece na coluna "Age". Em seguida, adicionamos "Newton" e "41", que aparecem na próxima linha desta tabela. Também adicionamos "Aliados" e "29" abaixo do "Newton" e "41". Então, adicionamos "Edward" e "33" na próxima linha. Também adicionamos "Jacob" e "40" na última fila. Não precisamos depurar esse código porque a saída deste código é renderizada na janela "Preview" que abrimos aqui.
Esta é a janela de “visualização” na qual a saída deste código é exibida. A tabela que criamos anteriormente é mostrada aqui. Você pode ver que o "nome" e "idade" são destacados porque ambos são os nomes das colunas dessas duas colunas que adicionamos à tabela. Então, a linha vertical está presente abaixo desses nomes que também são ousados. Todos os dados são inseridos nessas colunas de acordo, como adicionamos anteriormente no formato da tabela.
Exemplo 2:
Neste exemplo, adicionamos três colunas e colocamos um cano “|” Após cada nome da coluna. Primeiro, adicionamos os nomes das colunas que são "Writer_Name, Writer_Pay e Writer_qualification". Inserimos os "hífens" abaixo, para que os nomes acima sejam separados dos dados abaixo que adicionamos aqui. Os nomes dados são os nomes dessas colunas e parece ousado na visualização. Na ilustração seguinte, adicionamos “Jeffery, 23000 e BS-it”. Também separamos cada valor colocando "tubos" entre eles.
Além disso, adicionamos os tubos no início e no final. Esses três valores aparecem em uma linha e três colunas. Em seguida, adicionamos "Ryan, 34000 e MS-it", separando-os usando "|". Depois disso, adicionamos "Jonathan, 21000 e BBA", que é adicionado na terceira linha. Da mesma forma, adicionamos mais seis linhas a esta tabela, separando cada valor da linha com a ajuda de "tubos", como mostrado na imagem a seguir:
Aqui está a tabela que fizemos anteriormente. Como você pode ver, as palavras "writer_name", "writer_pay" e "writer_qualification" estão em negrito, pois esses são os nomes das três colunas que adicionamos à tabela. Todos os dados são inseridos adequadamente nessas colunas como inserimos anteriormente.
Exemplo 3:
Aqui, criamos uma tabela, mas desta vez, tornamos o texto ousado e o itálico que é inserido na tabela. Criamos duas colunas para esta tabela. Os nomes das colunas que acrescentamos aqui são "estilos" e "descrição". Em seguida, colocamos os três hífens abaixo dos nomes de cada coluna dentro dos "tubos". Depois disso, adicionamos o "texto em itálico" na primeira coluna. Então, colocamos algum texto na próxima coluna, colocando “|” lá.
Adicionamos o texto dentro do "*". Colocamos um "*" antes do texto e um "*" após o texto. Nós então colocamos o “|” cano. Este texto agora é mostrado em formato itálico porque adicionamos este texto dentro dos dois asteriscos "*". Abaixo dele, adicionamos o "texto em negrito" na coluna "Styles". Colocamos dois asteriscos "**" na coluna "Descrição". Em seguida, escrevemos algum texto e depois colocamos os "**" dois asteriscos novamente. Agora, o texto que está escrito entre eles é mostrado em negrito.
Agora, queremos tornar o texto ousado e itálico ao mesmo tempo. Para isso, colocamos três asteriscos "***" antes do texto e três asteriscos "***" após o texto. O texto aparece em negrito e em formato em itálico ao mesmo tempo.
O texto apresentado na coluna "Descrição" da primeira linha aparece em formato itálico. Então, abaixo do texto que está presente na segunda linha da coluna "Descrição" aparece em negrito. O texto que está presente na última linha da coluna "Descrição" aparece em "Bold" e "Italic".
Exemplo 4:
Também podemos definir o alinhamento do texto que está escrito dentro da tabela usando os cenos “:” com os hífens “-”. O ":-" mostra o alinhamento esquerdo, o ":-:" mostra o alinhamento central e o "-:" é utilizado para o alinhamento certo. Adicionamos os nomes das colunas da tabela que são “alinhamento esquerdo, alinhamento central e alinhamento direito”. Adicionamos “:-” abaixo da coluna “Alinhamento esquerdo”.
Agora, o texto que é adicionado à coluna "Alinhamento esquerdo" aparece no lado esquerdo. Na coluna "Alinhamento do centro", adicionamos o ":-:" abaixo do nome da coluna para que todos os dados inseridos nesta coluna apareçam no centro desta coluna ou células. Na coluna "Alinhamento certo", adicionamos "-:" Então o texto que é adicionado nesta coluna aparece no lado direito.
Os valores que estão presentes na coluna "Alinhamento esquerdo" são mostrados no lado esquerdo. Os valores que estão presentes na coluna “Alinhamento do Centro” são mostrados no centro desta coluna. Os valores que estão aqui na coluna "alinhamento correto" aparecem no lado "direito". Isso ocorre porque ajustamos esses alinhamentos no código anterior.
Conclusão
O conceito de "tabela de marcação" é explicado neste tutorial. Explicamos como esse idioma "rekdown" ajuda a criar as tabelas. Explicamos como criar as tabelas e como ajustar os nomes das colunas das tabelas. Também discutimos como aplicar a formatação ao texto que adicionamos dentro das colunas da tabela. Também explicamos como ajustar o alinhamento do texto da coluna da tabela. Discutimos todas as noções "Tabelas de Marydown" neste tutorial em detalhes.