1. XHTML Lists and Tables XHTML provides for nested tags. Example:... and are nested inside

2. Lists and Tables Lists and tables... ● Block-level elements ● Require nested tags

3. Types of Lists Two types of lists: ● Unordered Lists – Each list item is marked with filled-in circles, empty circles, or squares ● Ordered Lists – Each list item is numbered using a sequence of digits, roman numerals, or letters

4. Unordered Lists ● Unordered lists are marked up with the tag. ● List items are contained in tags. ● Nothing except tags may be inside. ● Paragraphs and other items may be inside the tags.

5. Unordered List Example red green blue Renders as... ● red ● green ● blue

6. Unordered List Attributes type=”shape” Where shape is one of: ● disc ○ circle ■ square

7. UL Attribute Example red green blue Renders as... ■ red ■ green ■ blue

8. Ordered Lists ● Same as except the tag is ● type attribute values: “1”Arabic numerals1, 2, 3, 4, 5 “i”Lowercase roman numeralsi, ii, iii, iv, v “I”Upercase roman numeralsI, II, III, IV, V “a”Lowercase lettersa, b, c, d, e “A”Uppercase lettersA, B, C, D, E

9. Ordered List Example red green blue Renders as... 1. red 2. green 3. blue

10. Tables Tables consist of: ● Table block-level element – One or more tables rows ● One or more table data or table heading cells or

11. Basic Table Example One Two Three Four

12. Basic Table Example - Output Renders as... OneTwo FourThree

13. Table Attributes can have these attributes: ● bgcolor - background colour for table ● border - border width in pixels ● width - width of the table (use %)

14. Table Row Attributes can have these attributes: ● bgcolor - background colour for the row

15. Table Data/Header Attributes Table data/header cells can have these attributes: ● bgcolor - background colour of the cell ● colspan - number of columns spanned by cell ● rowspan - number of rows spanned by cell