|
|
|
|
- Overview
- Creating an HTML table
- Using an HTML table
- Handling an HTML table
- Select a cell
- Selecting a column or a row
- Resizing an HTML table
- Modifying the number of cells in the table
- Resizing the table
- Editing the style of an HTML table
The HTML table is a control used to easily create specific layouts in the HTML pages. The HTML table cannot be used to position the controls but it allows you to present the information. For example, the HTML tables enable you to create enumerations with borders and columns.
To create an HTML table: - on the "Creation" tab, in the "Containers" group, click "HTML table". In the wizard, select the characteristics of the HTML table to create:
- Number of rows.
- Number of columns.
- Style of table and alternation of rows and columns.
- on the "Creation" tab, in the "Containers" group, click "HTML table" and select directly the number of rows and columns in the table. In the wizard, select the style characteristics for the table as well as the alternation of rows and columns.
When the HTML array is created in the page, it is possible to handle the array and its cells using the context menu. A control can be included in each cell of an HTML table. The control and the cell have the same size. The control and the cells have the same border and background properties. Several controls cannot be included in the same cell of an HTML table. However, an HTML cell containing several controls can be included in a cell of an HTML table. Select a cell To select an empty cell, you must: - Click on control Array HTML: the control is selected.
- Click again on control Array HTML: the control switches to editing and a yellow Border appears around the control.
- Click on the desired cell. The cell is selected: hatch marks appear in the cell.
In this case, the context menu option " description " will allow access to the cell description . To select a cell associated with a control, all you have to do is select the control. In this case, the " description " option from the context menu will allow access to the description of the control. To obtain the description of the cell, simply select the "description of the cell" option in the popup menu. Selecting a column or a row To select a column or a row, you must: - Click on control Array HTML: the control is selected.
- Click again on control Array HTML: the control changes to editing and a yellow Border appears around the control.
- Select the desired row or column. The row or the column is selected: hatch marks appear.
The context menu allows you to: - split the selected element vertically or horizontally
- merge the different parts of the selected element.
Modifying the number of cells in the table To modify the number of cells in an HTML table, you can: - add rows or columns one by one using the popup menu ("Insert a row " or "Insert a column")
- add several rows or columns via the popup menu ("Expand array " option)
Resizing the table The size of the table can be modified according to two methods: - By enlarging or reducing all the table rows/columns proportionally: simply reduce or enlarge the array using the handles on the control.
- by enlarging or reducing the size of the last table row/column: simply reduce or enlarge the edited array (with the yellow Border displayed) by clicking on the edge of the last row or column of the array.
Editing the style of an HTML table It is possible to edit the border and background characteristics of the array HTML separately from those of each of the array HTML cells ("Border, Background" tab in the description window).. It is also possible to choose a WEBDEV style via the popup menu.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|