Initially i had written something on  learning the basics of html  and this little information on html tables would also form a part of the whole in the html arena.  Creating and using tables is a very vital part in html and web designing in general. Tables can be used to structure a page which has now given way to CSS but table has always proved to be a handy tool in listing or structuring some contents in a webpage.  Now lets work you through a basic html table without beating around the bush.

I will simply write a syntax  and basic explaination for table and then you can sort the rest out by doing a little bit more research. Thats how people learn, if you want to learn coding then you must practice it.

Lets get down to business now. Please note the explainations by the side of the  table elements are just html comments and does not constitute part of the syntax.

To view this you can copy it and paste in a html page.

<table> <!-- the begining of the table tag or table opens -->

<tr><!-- you are telling the table to create a row -->

<td> Your table data here </td><!-- you are creating a data you want in a format -->

<td> Your table data here </td><!-- the same as above-->

</tr><!-- You are closing the row-->

<tr><!-- You are creating another row -->

<td> Your table data here </td><!-- you are creating a data you want in a format -->

<td> Your table data here </td><!-- the same as above-->

</tr><!-- You are closing the row-->

</table><!-- You are closing the table-->

There you go and your basic table is created, however in our next class, we will do more with the table. To view this table just copy and paste it in a html file and view in your browser. We assume that you must have known how to create a simple html page before creating a table in html.

Hope this helps

I was in a forum searching for an answer on how to find and edit a particular part of a CSS file  and i stumbled on the firebug . Simply put, this firefox addon is one of the best experiences for any web developer, all you need to do is simply download it from the site, then after it as been installed you would see the great difference it will make in your developing experience.

To access  firebug after it has been installed, please go to tools and then click on firebug to open up.

Practically just open up any webpage you would like to take a look at the codes, then go to tools and open up firebug, you would immediately see the a new window with options of viewing html,  css and DOM. If you are good with your browsing, it wouldnt be that hard to get around. It will even indicate what part of the site any code you see on the firebug is associated with. Please read an extract from firebug below.

"Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page..."

Hope this helps.