Use Dreamweaver MX to easily operate tables

In the process of creating web pages, it is inevitable to deal with tables. Table is the basis for creating web pages. It plays an important role in the layout of web pages. Mastering the operation of tables is the auxiliary stone for creating web pages and stepping stone for becoming a "Web Weaver master.

1. Adjust the table size

1. Adjust the width of rows and columns proportionally

Select a table. Three black boxes are displayed on the right border, bottom border, and bottom right corner of the table. They are called the selection handle. Drag the selection handle to adjust the table size, at this time, the table's row or column width ratio is adjusted.

2. Set the width of rows and columns

As shown in Figure 1, to increase the height of the first row, you can use the following three methods:

(1) similar to table operations in Word, drag the border between two rows in the table to increase the row height;

(2) select cells ① and ② in the first row, and enter 30 data in the "H" field of the cell attribute panel, as shown in figure 2. The row height increases;

(3) Select only cells ① or ② in the first row and perform the second operation.

Although the above three methods achieve the same purpose, their source code analysis is different.

The source code of the first and second methods is:

<Tr>
<Td height = "30"> <

<