Learning: HTML Table

What is the use of table?

The table is use to explain and display information in a proper format.

HTML tables are mainly use to display the information. But it is also use to display some additional information. Sometime the table is use to display video, audio, images, symbols, etc

HTML Table Border

When you add a border to a table, you also add border around each table cell. You can add border around table with the help of CSS. There are some simple codes to create border in & around table.

HTML Table Size

• The table size is nothing but the actual width you give to an table.
• The table size can be change on your own preference/thought/thinking🤔. For example, if you create a table and inside the table if you create two or more column, then you can also change the width of the column just by giving it the ID. You can also directly change the width, just by adding a style tag in the original tag.

HTML Table Header

Table header is actually nothing but the topset part of the table. The table header always has a bold font, so that it looks attractive. The name itself says that it is the header part of the table and it gives the main information what it actually content.

The table header has a very simple code that you can see from the code box present below

HTML Table Padding & Spacing

The Padding and Spacing is the most important part of the table. It makes the table look more attractive and make more people to get read to it. Almost every website present on internet, who uses tables, they always have table padding and spacing because they want their viewer to read whole table. Due to that table their website looks more interesting and attractive so that their viewer come again and again to their website and this increase the revenue or their website.

Code Box

See the Pen HTML Table by Aakash Kavediya (@Aakash-Kavediya) on CodePen.