Writing to the World Wide Web
James P. Zappen, zappenj@rpi.edu

Workshop: Tables and Text Layout (HTML/XHTML)

Create a functional and attractive layout for your W4 web page and use a table to implement this layout. Use your HTML/XHTML guidebook or online resource for instructions on how to construct tables. Use colspan=number of columns and rowspan=numberofrows to span two or more columns or rows. Set border="1" so that you can see what you are doing while you are working, then set border="0" to make the border "disappear." Carefully close your table, table row, and table data entries. Check your work in both the IE and Netscape browsers. If your data does not show up in Netscape, check to be sure that your table, table row, and table data entries are closed. In general, avoid putting tables within other tables, and avoid mixing absolute (width/height=numberofpixels) and relative values (width/height=number%). Use the W3C MarkUp Validation Service to validate your code for your tables.

Some Examples:

Tables with borders:
Writing to the World Wide Web Sample Table 1: http://www.rpi.edu/~zappenj/WWWW/wwwwtbl1.html (W3C XHTML Valid)
Writing to the World Wide Web Sample Table 2: http://www.rpi.edu/~zappenj/WWWW/wwwwtbl2.html (W3C XHTML Valid)
Writing to the World Wide Web Sample Table 3: http://www.rpi.edu/~zappenj/WWWW/wwwwtbl3.html (W3C XHTML Valid, with CSS)
Community Networking Project: http://www.rpi.edu/~zappenj/Network/network1a.html
Troy Photo Archive: http://www.rpi.edu/~zappenj/Network/Archive/archive1b.html

Tables within a frame:
Writing to the World Wide Web (Left Frame): http://www.rpi.edu/~zappenj/WWWW/wwww3a.html
Writing to the World Wide Web (Top Frame): http://www.rpi.edu/~zappenj/WWWW/wwww4a.html


Valid CSS!     Valid XHTML 1.0!