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

CELL and COLUMN WIDTH
Note: the size of each cell is controlled by text or word length.

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