User:Wonghk3/Sandbox/WikiTextA1

CH-1: TABLES-BORDERS
FOLLOW samples on tutorial page... Tables-Borders

Using the BORDER ATTRIBUTE in a TABLE
We've learned how to create a simple table with borders using the class="wikitable" code, but what if we want to customize our own table? To effect customization, we add INLINE styling along with the BORDER attribute. TO DEMO: 1. create a basic table without borders

2. add INLINE STYLING to the OPENING TABLE TAG and the BORDER ATTRIBUTE to encircle the table (outer box): {| style="border:1px solid red"

3. add the BORDER ATTRIBUTE to EACH CELL: | style="border:1px solid red"|apples

4.results:

CH-2: TABLES-WIDTHS
FOLLOW samples on tutorial page... Tables-Widths

TABLE WIDTH

 * Notice that the width of each cell is normally controlled by largest word in a table's column.
 * We can control the table width using the WIDTH attribute: Property=Width + Value=px or percent

1. add the width attribute to the opening table tag: {| style="border:1px solid red ; width:100%" 2.

CH-3: TABLES-CAPTIONS
FOLLOW samples on tutorial page... Tables-Captions

CH-4: TABLES-COLUMN HEADINGS
FOLLOW samples on tutorial page... Tables-Column Headings

CH-5: TABLES-CELLS
FOLLOW samples on tutorial page... Tables-Cells

CH-6: TABLES-ROWS
FOLLOW samples on tutorial page... Tables-Rows