User:Janmgg/Sandbox/Wikitext Intermediate Lessons 5--9

LESSON 5: Tables-Cells
Place a black border, dotted style, 5 px thick

Make the table 600px wide

Place a blue border around all the cells

Place 5px of padding in the header row of cells

Separate all of the cells with 5px

Place a light blue background on the column headers

Lesson 6: Tables-Rows
Place a yellow border, groove style, 10px thick

Make the table 700px wide

Place a blue border around the headers

Give the header cells a light blue background

Change the color of the font to white

LESSON 7: Tables-Placement
Place the demo table on the RT side of the page

Place the Lorem Ipsum paragraph under the table

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis.

Place a 10px space between the table and text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis.

LESSON 8: Tables-Sorting
Take HEALTHY FOODS table and add another row

Make the table sortable

LESSON 9: Tables-Scrolling
Take demo table and make it 900 pixels wide and tall

Then make table scrollable both horizontally and vertically with a finished width and height of 400 pixels