HTML Tutorial - Part 9 HTML Tables

Knowing how to create HTML tables gives you the ability to structure more information in an organized way. Get a solid HTML foundation on how to create tables so you can build a terrific looking website.

You know about HTML links to your web site functional. It gives life to your sight by allowing visiter to navigate from place to place. This part of the web design tutorial shows you how to build simple tables.

Tables are commonly used in nearly all websites -- they're easy to create.

Once you know how to structure a table it'll be a like second nature to you after a while.

Learn how to use HTML table tags to increase your ability to create your web pages with this HTML table tutorial.

22. How Are HTML Tables Built?
    Tables are great for creating a grid of information. Its also functional as a structural design tool.

    Basic Tables

    • Traditionally, tables have been used for displaying tabular data, like numbers, in rows and columns.
    • The flexibility of HTML allows Web developers to create tables that display more than just numbers.
    • Web designers have used it to control the layout of web page documents to aid in formulating text and image designs.
    • Table are arranged into horizontal rows and vertical columns.
    • The intersection of a row and a column is called a cell.
    • HTML tables are not that difficult to make, but they do need to be organized.
    • All HTML tables begin with the <table> tag and end with the </table> tag.
    • There are three other tag pairs in between the <table> tag.
    
    

    They are as follows...

    
    
    1. <tr> defines a horizontal row
    2. <td> defines the data cell within that row
    3. <th> specifies a data cell as a table heading
    
    
    
    • Remember that Web browsers ignore any spaces, tabs, and blank lines that you include in your HTML document. However, spacing to helpsyou monitor the various table tags.
    • The figure above shows you enough blank spaces between the tags so that you can see how the rows and columns line up.
    • The World Wide Web Consortium's Web site (www.w3. org) has detailed descriptions of all of the table attributes how you can use them. You can find them at this W3C Tables link.
    • If you don't find anything there just google W3C like this...

    

    
    

    Example of HTML code to create a table with borders...

    

    
    
    

    The code above will produce the following HTML table...

    

    
    

    

    
    

Return from HTML Tables Part 9.