HelpNewbies : How to make Tables in Steemit Post using Markdown and HTML code

in #helpnewbies6 years ago (edited)

Markdown Table

You can create tables by assembling a list of words and dividing them with hyphens - (for the first row), and then separating each column with a pipe |:

Just like this example :

Heading 1 | Heading 2 | Heading 3
--------------|----------------|---------------
Row 1 Column1 | Row 1 Column2 | Row 1 Column3
Row 2 Column1 | Row 2 Column2 | Row 2 Column3
Row 3 Column1 | Row 3 Column2 | Row 3 Column3

Output :

Heading 1Heading 2Heading 3
Row 1 Column1Row 1 Column2Row 1 Column3
Row 2 Column1Row 2 Column2Row 2 Column3
Row 3 Column1Row 3 Column2Row 3 Column3

HTML Table

An HTML table is defined with the <table> tag.
Each table row is defined with the <tr> tag. A table header is defined with the <th> tag. By default, table headings are bold and centered. A table data/cell is defined with the <td> tag.

Example :


Heading 1Heading 2Heading 3
Row 1 Column1Row 1 Column2Row 1 Column3
Row 2 Column1Row 2 Column2Row 2 Column3
Row 3 Column1Row 3 Column2Row 3 Column3

Output :

Heading 1Heading 2Heading 3
Row 1 Column1Row 1 Column2Row 1 Column3
Row 2 Column1Row 2 Column2Row 2 Column3
Row 3 Column1Row 3 Column2Row 3 Column3

   Source :
        github
        protrado


Recent Post :

How to Align and Resize Images in Steemit Post?

How to indent/add spacing to any line in Steemit Post (using a code)?

Code in Markdown vs Code in HTML (STEEMIT)

HelpNewbies : "The Different LEVELS on Steemit"


😊Thank you for reading!😊

If you have comments, opinions, reactions or corrections, please drop it off. I will surely appreciate it.

output_bMk3kH.gif

Coin Marketplace

STEEM 0.22
TRX 0.21
JST 0.035
BTC 98705.91
ETH 3342.47
USDT 1.00
SBD 3.14