How To Make Table In HTML | Web Tutorial

Today I'll Tell You

How To Make Table In HTML

1. Table:

Table Is Very Important Thing In HTML Language.
A Table Consists Of Column And Rows.
If We Put Any Data In Table Then That Data Is More Readable.

The HTML Table Allow Every Person To Arrange Data Like: Text, Images, Links, Paragraphs, Table And Every Type's Data In Row And Columns.
There Are Three Main And Most Important Element In HTML Table.
Which I'm Telling You In Next Heading.

   Firstly

You Should Know What Is HTML? And How It's Work.

1.1 Main Elements:

Here Is The Three Main Elements Of HTML Table.

1.1.1 Table:

First Of All We Need To Add <table> With End Tag </table>.

1.1.2 TR:

TR And <tr> With End HTML Tag </tr> Is For Showing Or Make Row In HTML Table.

1.1.3 TD:

TD And <td> With End HTML Tag </td> Is For Showing Or Make Description Or Columns In HTML Table.

1.2 Heading Element:

To Make A Heading Column In Table, We Need To Add <th> Tag With End Tag </th>.

Test HTML Table Main Elements

2. Codes For Table:

As You Can See It's Too Simple, So You Need To Make It Beautiful.

2.1 Border:

Firstly We Want To Add A Border Out Side Of TABLE.
So We Make Like This:

<table border=2>

Table After Adding Border:

2.2 Align:

If You Want Align In Table, You Need To Add This Code:

<tr align=center>

Or Where You Need Align.

2.3 Width:

If You Need To Increase The Width Of Specifies Column Then Your Must Add This Below Code:

<table width=50px> OR <th width=40%>

I Mean, We Can Add  Width by Percentage and Pixel.

2.4 COLSPAN:

It Specifies The Number Of Coulmn For A Cell. It Is Used Inside <TH> Or <TD> Tags. Like:

<th colspan=2>

Test For Above Codes:

And Today's Lecture Is Over.

Hope You Like It.
If You Don't Understand Or Have Any Question, Feel Free To Ask, Leave Your Comment.

Remember Me In Your Prayers. May GOD Bless You.