Tutorial/dreamweaver/Introductory Dreamweaver 4 Concise tutorial 11 (use of tables)

the use of the Dreamweaver| tutorial Table II

Depending on the parameters of the table and cell, we can make the following table:

The above is a 3x2 table with a table width of 350 pixels, the width of each cell is 33%, which is one-third of the table, where cell 1 and cell 4 are merged, cell margins, cell spacing, table line widths are 10, the table has a gray color, and cell 5 has a red border. The background of cell 6 is green;


In the example above, we set the table line width to 0, and in the edit state, we see the table:

A border line with a width of 0, which is indicated by a dashed line in edit state, and the actual browsing effect is:

Visible, a table line with a width of 0 is not displayed in the browser. In fact, the so-called use of table layout, is the use of Table line 0 table, the page divided into multiple areas, so as to achieve the effect of positioning typesetting. In addition, tables and tables can be nested, such as in the table above, insert a table width of 100% in cell 2, a table with a table line width of 0, and set a different background color for cell ①②③ , which can be seen in edit state:

and the actual browsing effect is:

Table nesting in the production of web pages are often used, especially in Sina, Sohu, NetEase and other portals, in order to make a large number of information neatly displayed in front of the viewer, the table nesting is used most frequently. The following figure is the goeway.com of the home page in the editing state, you can see that the page is densely covered with the form line: