November 30, 2006
HTML for Bloggers… (8) HTML Tables
Last 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…
Spread the word
del.icio.us Digg Furl Reddit Ask BlinkList blogmarks Google Ma.gnolia RawSugar Rojo Shadows Simpy Socializer Spurl StumbleUpon Tailrank Technorati Wists Yahoo! Help

















Leave a comment