Are You Also Blogging In Hive Blockchain Platforms? Read This To Improve Your Blog Post

By Jack1976 | Tech Check Mag | 13 Jul 2023


In this post, I will teach you how to create a table code so that your images will display in a grid with rows and columns.

Why do you need a table code?

A table code will arrange your images in rows and columns, making your post more fun to read. It also takes up less space than piling your images vertically.

image.png

 

ADS: If you don't have time to arrange table codes and you think it's complicated, I can arrange the table codes for you. You can easily copy and paste them after your post for just 3 $Hive Tokens. Just give me the images and the links where you want the click to be redirected.

In case you don't have a banner, I can design a simple banner for you for 3 $Hive Tokens (Still Banner) or 5 Hive Tokens (Simple Animated Banner).

 

What is the code?

<table>
<tr>
<td>

[Image can be uploaded or can be a link](Link where the click will go)
</td>
<td>

[Image can be uploaded or can be a link](Link where the click will go)
</td>
<td>

[Image can be uploaded or can be a link](Link where the click will go)
</td>
</tr>
</table>

This Code Will Generate This Result

adc3a328522df42eaca1718a56c2da0223cebc9b696b03b98c998b2b27e7d0c9.jpg

The <tr> tag represents a new row, and the <td> tag represents a new column. So, if you want to make multiple rows with multiple columns, you need to insert multiple <tr> tags with multiple <td> tags inside them.

Here is an example of a 3-column, 3-row grid:

<table>
  <tr>
    <td>
      [Image can be uploaded or can be a link](Link where the click will go)
    </td>
    <td>
      [Image can be uploaded or can be a link](Link where the click will go)
    </td>
    <td>
      [Image can be uploaded or can be a link](Link where the click will go)
    </td>
  </tr>
  <tr>
    <td>
      [Image can be uploaded or can be a link](Link where the click will go)
    </td>
    <td>
      [Image can be uploaded or can be a link](Link where the click will go)
    </td>
    <td>
      [Image can be uploaded or can be a link](Link where the click will go)
    </td>
  </tr>
  <tr>
    <td>
      [Image can be uploaded or can be a link](Link where the click will go)
    </td>
    <td>
      [Image can be uploaded or can be a link](Link where the click will go)
    </td>
    <td>
      [Image can be uploaded or can be a link](Link where the click will go)
    </td>
  </tr>
</table>

This Code Will Generate This Result

 

bfe6b2a894033b5fcb848825b2302f54880a625536dd4dcbf42ddd49ac8aac5c.jpg

 

Here is the code that I have used in aligning these images to give you a better idea

![hr.gif](https://files.peakd.com/file/peakd-hive/jacksonizer/23zRQsgaXbzAHCxAKo6tS1zFLA3VZB289Z6fvSPQkVDA1ozvLHRo1jXKEVQbZcrcT1ZWK.gif)
<table>
<tr>
<td>

[![life-snags.jpg](https://files.peakd.com/file/peakd-hive/jacksonizer/48VFtijSuxL1Lon89Csa9nmVoddiVgDSrruKMJD5aHWZQLZ1gfyGb7SswviiWRyBjf.jpg)](https://www.lifesnags.com/)

</td>
<td>

[![tech-check.jpg](https://files.peakd.com/file/peakd-hive/jacksonizer/48VG6cv5D3vRLY6xSKiN3vKm6n56Y2HnECYPm4b5oG8BfEnCfdG6L8Pugd3bHGRwnx.jpg)](https://www.techcheckmag.com/)

</td>
<td>

[![garden-depo.jpg](https://files.peakd.com/file/peakd-hive/jacksonizer/48WDoYu3chmEvxdkBHoWGEziUbwcpxPPVi7zwiM5R7EZCuEZNu1AT8BnwdauU4E8Se.jpg)](https://www.facebook.com/gardendeponavotas)

</td>
</tr>
</table>


[![bitcoin-banner.png](https://files.peakd.com/file/peakd-hive/jacksonizer/23y9AhCT4UbbSMPZ8auvRrDKPqq5YrUggwuJyuqS5oEzbf5XZEHqB9qNt9xRLCYyyzbku.png)](https://www.techcheckmag.com/2023/07/earn-bitcoin-daily-without-investment.html)

<table>
<tr>
<td>

[![social-Fi.png](https://files.peakd.com/file/peakd-hive/jacksonizer/48PTCM76kEt8Jba6qh76eZpBXqBvYfqGzsk4xnzefkQQMKR2pBZERLMcNXAXyRA39q.png)](https://www.facebook.com/groups/socialfiphils)

</td>

<td>

[![money-matters.png](https://files.peakd.com/file/peakd-hive/jacksonizer/48PwEhWeyvezFoo53xCykB9T6cpQwQnr4byg2nuSzihpcBMk8WWdrJ2JHwac6mms6x.png)](https://www.facebook.com/groups/moneymatters2023)

</td>
</tr>
</table>


[![etherium-banner.png](https://files.peakd.com/file/peakd-hive/jacksonizer/23vsLKe1y2YuMwmcKJFNkippiWdMVj365STXLome32CePr8HWFUu1xXgwRWGMUr9xqT4j.png)](https://www.techcheckmag.com/2023/07/earn-eth-spot-and-ampl-daily.html)

This Code will generate this arrangement

image.png

Copy the code and create a snippet for it so that you don't need to open a text editor each time you want to insert your images or create a code.

Using table codes can really make your post beautiful. In this example, I have used it to create a social media image link aligned horizontally so that it looks good for my readers.

I hope you have learned something good today from me. If you like this type of tutorial, consider following me to get notified.

 

ADS: If you don't have time to arrange table codes and you think it's complicated, I can arrange the table codes for you. You can easily copy and paste them after your post for just 3 $Hive Tokens. Just give me the images and the links where you want the click to be redirected.

In case you don't have a banner, I can design a simple banner for you for 3 $Hive Tokens (Still Banner) or 5 Hive Tokens (Simple Animated Banner).

 

follow---wvg.png

hr.gif

 

How do you rate this article?

7


Jack1976
Jack1976

Just a random guy with random thoughts


Tech Check Mag
Tech Check Mag

I am "The Good Garcia", a man who, through continuous reflection on his past mistakes, found redemption through the teachings of Christ

Send a $0.01 microtip in crypto to the author, and earn yourself as you read!

20% to author / 80% to me.
We pay the tips from our rewards pool.