November 30, 2006

HTML for Bloggers… (8) HTML Tables

HTML for Bloggers… (8) HTML TablesLast time we looked at the HTML Horizontal Rule.  In this lesson we will discuss HTML Tables: What is an HTML Table? Let me give you an example.

HTML Table Code HTML Table Browser Results

  HTML Tables is a fairly large topic because of large number of options available.  Therefore, I’m only going to discuss the most common items that I think are most significant. Let’s take a closer look at the example above and define the tags used:

  • TABLE - Table Definition. The example has a border="1" option which will display a border of the size shown.  Another alternative is to turn off the border by using border="0". 
  • TR - Table Row definition.  Nested within the TABLE tags. 
  • TH - Table Header definition.  Notice that the result is the text within the TH tags is bolded and centered.  Nested within the TR tags.
  • TD - Table Cell definition. Nested within the TR tags.

To add a row to the above example:

HTML Table Code HTML Table Browswer Results

  To add a column to the above example:

HTML Table Code
 
 
HTML Table Browswer Results
 

In summary: Tables allow you to insert tabular data into a webpage. In our next lesson, we will look at Anchors. Till Then…

Permalink • Print • Comment

Trackback uri

http://askstanbeck.com/archives/9/trackback/

Track this entry

RSS BlogPulse

RSS Technorati Cosmos

Leave a comment




Made with WordPress and a search engine optimized WordPress theme • Light Gold skin by Denis de Bernardy