Sunday, July 22, 2012

HTML Tables

Tables can be defined with the help of Table tags(<table></table>). Tables are used to display statistics,list of something,ranking and so on in your webpage .Under tables there are tags you need to know to understand the layout.
  • <tr></tr>-Table rows are used to define rows.
  • <td></td>-Table data or data cells  holds the content or data in a table.
  • <th></th>-Table headers defines the headers of a table.
There are a few more tags but that will be discussed later.A few attributes that play a major role in how your tables look includes:
  • rowspan-to make a cell span multiple rows.
  • colspan-to make a cell span multiple columns.
  • border-to define the border strength.
  • style- to beautify your table.
  • cellpadding and cellspacing-to position it based on your requirement.
note:- all these attributes should be represented in the table tag.for ex: &l<table style="" >.

Now open notepad Play with the above codes:
  • save it as index.html and open it in your favourite browser.
see what happens and stay tuned for next tutorial.if you have any doubts, feel free to comment and i will get back to you with your doubts.you can Download the source file here and try out our new html editor in the sidebar.

2 comments:

  1. Hey Interesting, I have included your blog in one of my blogs dedicated exclusively for Coimbatore Bloggers

    ReplyDelete
  2. Thank you for your encouragement....

    ReplyDelete