ATTRIBUTES, LISTS, AND TABLES

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

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.

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

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

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

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

Displaying Lists Ordered and Unordered Lists Customizing Lists Definition Lists

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

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

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

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

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

Table Border Options Optional Default to 1 pixel...

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

Aligning Text in Table Cells...

Widening Cells...

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