Presentation is loading. Please wait.

Presentation is loading. Please wait.

ATTRIBUTES, LISTS, AND TABLES. Chapter 4 Objectives Extensions Strict vs. transitional XHTML Tag options Structure lists Table data.

Similar presentations


Presentation on theme: "ATTRIBUTES, LISTS, AND TABLES. Chapter 4 Objectives Extensions Strict vs. transitional XHTML Tag options Structure lists Table data."— Presentation transcript:

1 ATTRIBUTES, LISTS, AND TABLES

2 Chapter 4 Objectives Extensions Strict vs. transitional XHTML Tag options Structure lists Table data

3 Extensions and Deprecations This will be displayed in the Garamond font in slightly larger than normal size and in red. If Garamond isn’t installed on the surfer’s computer, the Arial font will be substituted.

4 More Tags and Attributes The align Attribute Welcome to my Web page! h2 {text-align:center}

5 Background Colors body {background:yellow; color:blue}

6 Horizontal Rules hr {height:7px; width:75%; background- color:red}

7 What Tags, Which Attributes? HTML reference – Appendix B Web resources – Appendix I

8 Displaying Lists Ordered and Unordered Lists Customizing Lists Definition Lists

9 Ordered and Unordered Lists Item 1 in the list Item 2 Item 3

10 Customizing the List Display Item 1 Item 2 Item 3 ul {list-style:square}

11 Customizing the List Display ul { list-style:url(some_image.gif) }

12 Definition Lists First term to be defined Definition of first term Second term to be defined Definition of second term Third term to be defined Definition of third term

13 Turning to Tables Row 1, cell 1 Row 1, cell 2 Row 1, cell 3 Row 2, cell 1 Row 2, cell 2 Row 2, cell 3

14 Table Border Options Optional Default to 1 pixel...

15 Table Headers and Captions Row 1, cell 1 Row 1, cell 2 Row 1, cell 3

16 Aligning Text in Table Cells...

17 Widening Cells...

18 End of Chapter 4 Extensions Strict vs. transitional XHTML Tag options Structure lists Table data


Download ppt "ATTRIBUTES, LISTS, AND TABLES. Chapter 4 Objectives Extensions Strict vs. transitional XHTML Tag options Structure lists Table data."

Similar presentations


Ads by Google