1. Make an HTML table using Visual Studio

2. Approach 1: drag table from Toolbox

3. Result of Approach 1: A 3-by-3 table

4. Table tags everything between these tags is part of the table everything between these tags is part of a row everything between these tags is part of a cell (table data item) stands for non-breaking space – Note that each cell has a non- breaking space in it

5. For Approach 2 you must be in Design view. Then Table appears on the menu.

6. Table/Insert Table

7. Use the Insert Table dialog to select the number of rows, columns, border size and border color. Click OK

8. Result so far in Design View

9. Result so far in Source View

10. In Design View, highlight two or more cell in a row and choose Table/Modify/Merge Cells

11. Result in Design View

12. Result in Source View – see colspan attribute (and missing in same row)

13. In Design View highlight two or more cells in a column and go to Table/Modify/Merge Cells

14. Result in design View

15. Rsult in Source View – see rowspan attribute (and missing in next row)

16. Get the Properties Window (if not already there) by going to View/Properties Window

17. Highlight all of the cells and select style in the Properties Window. Click on the ellipsis … button

18. Choose the Border category and the select a style, width and color. Click OK.

19. Result of adding td style

20. Result in Source (not done efficiently)

21. Same effect – just apply the same style to all of the ’s at once between the tags in the head