These pages use Javascript to provide a stylesheet appropriate to your browser. The pages are functional without javascript but not aesthetically pleasing.

DreamweaverMX Tutorials

6. Tables & CSS

Dreamweaver Tutorials

6.1 Table Basics

Netscape introduced the table tags with version 1.2; this set of proprietary tags allowed designers to use a grid layout, something that was not possible prior to this innovation. However, the tags were not designed to hold "design" information -- they were designed to hold "tablular data" and this foundation is reflected in the code names.

Tables are composed of rows, columns, and cells, just like they are in a word processing program. And we can "merge" cells, just like we do in a word processing program.

Basic Table Code
<table border="1" cellpadding="5" cellspacing="0" width="400">
	<tr>
		<td>
			Some information
		</td>	
		<td>
			More information
		</td>
	</tr>
	<tr>
		<td colspan="2" bgcolor="#ccffff">
			merged cells
		</td>	
	</tr>
</table>

It looks like this:
Some information More information
merged cells


exercise

  1. View source (right-click, view source or select from main browser menu)
  2. Examine the table structure of this page


resources

next previous PDF print home