Dreamweaver 4 concise tutorial (7. Web page layout 2)

Author：Eve Cole Update Time：2009-05-30 18:35:48

7. Web page layout

Use of tables 2

Based on the above table and cell parameters, we can make the following table:

The above is a 3×2 table. The table width is 350 pixels. The width of each cell is 33%, which is one-third of the table. Cells 1 and 4 have been merged; cell margins , cell spacing, and table line width are all 10; the background color of the table is gray, the border color of cell 5 is red, and the background color of cell 6 is green;

In the above example, we set the table line width to 0. In the editing state, the table we see is:

A border line with a width of 0 will be represented by a dotted line in the editing state, and the actual browsing effect is:

It can be seen that a table line with a width of 0 will not be displayed in the browser. In fact, the so-called use of tables for typesetting is to use tables with a table line of 0 to divide the page into multiple areas to achieve the effect of positioning typesetting. In addition, tables and tables can be nested. For example, in the above table, insert another table in cell 2 with a table width of 100% and a table line width of 0, and set different background colors for cells ①②③ respectively. , you can see in editing state:

The actual browsing effect is:

Nesting of tables is often used in web page production, especially in portal websites such as Sina, Sohu, and NetEase. In order to display a large amount of information neatly in front of viewers, nesting of tables is used most frequently. The picture below shows the homepage of goEway.com in editing mode. You can see that the page is densely covered with table lines: