<center>
![student-849825_1280.jpg](https://steemitimages.com/DQmPxAYm9MkGaA5dAE9noueCrdsRaZq7ho95jj2M1PM6ETM/student-849825_1280.jpg)
Source: [Pixabay](https://pixabay.com/en/student-typing-keyboard-text-woman-849825/)
</center>
Lots of non-programmers still find HTML difficult; or rather they think it is tedious. All you need to do is understand how the code works, or better still copy and paste it. It’s easier to memorize.

In my previous [post](https://steemit.com/steemiteducation/@afolwalex/making-your-contents-look-great-with-simple-html-codes), I explained how to make your content look great by aligning images anywhere on the post. Also, I explained an easier and neater way to create lists. All these were done with HTML.

I’ll be explaining how to create tables today. Trust me; it’s more easier and understandable than the Steemit markdowns we are used to.  

**CREATING A TABLE**

Have you written a post and you needed a table to illustrate your findings and you are confused on how to get it done? You are on the right post.

First, I will create a table and I’ll be showing you how it was done.

<table>

<tr>

<th>Programming lauguages</th>

<th>No of Users</th> 

<th>Active</th>

</tr>

<tr>

<td>C#</td>

<td>80</td> 

<td>54</td>

</tr>

<tr>

<td>Java</td>

<td>98</td> 

<td>57</td>

</tr>

<tr>

<td>Python</td>

<td>78</td>

<td>61</td>

</tr>

</table>

<hr>
To do this with steemit mark downs, you will need to add some symbols between those numbers and sentences. Quite less, but confusing. HTML is a better way I think.

<center>

 ![image](https://img.esteem.ws/y1lv8ilen8.jpg)

</center>
<hr>
</center>
Confused?

You shouldn't be. It's readable.

Compare and contrast the image with the table I made.
<ul>
<li>First, you create a table tag.</li>
<li>tr means a table row. So, we created 3 roles. The th in the table rows means a table head. Quite understable.</li>
<li>Under the table heads, we created three different roles too. This time, we have td tags. They are table cells.</li>
<li>You can go on and on depending on the number of roles and columns you want.
</ul>

There you go, you just created a table.

**FONT SIZE**
Steemit font size is okay, but there are times where we need a bigger font or a smaller one, HTML comes in handy here too.

See examples..

<h1>This is a very big text.</h1>
<h2>This is also big.</h2>
<h3><i>I am sure you will like this.</i></h3>
<h5><i>Oh! This is smaller.</i></h5>
<hr>
Are there steemit markdowns for this?
I will like to learn that.

In HTML, we have headers(h1, h2, h3, h4,....). All of different sizes. H1 is the biggest, h2 follows, and so on.

The bigger you want it, the lesser the number in the header tag you use. 

To make these big words italicised, we create italics and wrap it with the header tags. You can create italics with steemit markdowns or you use the HTML tag too.

See image below.
<center>
 ![image](https://img.esteem.ws/qe4zpspzq7.jpg)
</center>
<hr>
And those are the things you need to learn to make your contents look great. Know how to reduce fonts, align images, create tables and lists. 

You don't need to use other platforms to get it done. It can simply be done here or on your app.

Still not cleared on this? 
Let me know in the comment section. 

*All images containing the codes are owned by the author @afolwalex.*
<hr>
Have you heard of steemiansarena? 
No? Join the discord server <a href="https://discord.gg/C88kEjB">here</a>.