Example 8.4: Using Tables Tables

The first two rows use th, the remaining rows use td.
the single cell in the first row
- has colspan="4"
- has a class attribute
the class has special styling

Be sure to view the source code.

Computer Science Faculty Phone Directory
Name	Office	Phone	Courses
A. Dong	Hodson Tech 254	x3884	IT 180: Web Development I CS 504: Algorithms and Programming II CSIT 430/530:Applied Database Concepts
G. Dimitoglou	Hodson Tech 261	x3980	CS 545 Robotics and Intelligent Systems CS 525 Software Testing and Quality Assurance CS 430/530 Applied Database Concepts
R. Ford	Hodson Tech 250	x3775	CS 536 Web Services CA/IT Applied Computer Graphics.

The style rules

        body {padding-left: 20px;
              background-color: #ffffff;
              color: black;
              font-family: Verdana, Arial, Helvetica, sans-serif}
        table {border: solid thin red;}
        th   {padding: 10px; 
              text-align: center;
              vertical-align: center;
              background-color: #eeeeee;
              }
        th.bigcell {padding: 10px;
              font-size: x-large;
              font-family: Georgia, "Times New Roman", Times, serif;
              border: dotted red;
              color: maroon;
              
              }
        td   {padding: 10px; 
              text-align: left;
              vertical-align: top;
              border: solid thin #eeeeee
              }
        ul {margin-top: 0}