Creating nested lists - Wiley Publishing For Dummies HTML for Dummies, pdf

One handy way that HTML lists behave is to break up the display of your page and add some horizontal depth to it. You can take such lists one step further and group a large number of related items when you nest lists, creating subcategories. Some common uses for nested lists include

Site maps and other navigation tools

Table of contents for online books and papers Outlines

HTML 4 for Dummies, 4th Edition

Whether your goal is to build a simple, text-oriented Web site or one loaded with frames, graphics, and animation, this step- by-step book will put you on the right track.

Table of Contents

HTML 4 For Dummies, 4th Edition Introduction

Part I - Meeting HTML in Its Natural Environment

Chapter 1 - The Least You Need to Know about HTML and the Web Chapter 2 - HTML at Work on the Web

Chapter 3 - Creating Your First HTML Page Part II - Getting Started with HTML

Chapter 4 - Structuring Your HTML Documents Chapter 5 - Linking to Online Resources Chapter 6 - Finding and Using Images

Chapter 7 - Top Off Your Page with Formatting Part III - Taking HTML to the Next Level

Chapter 8 - HTML Tables Chapter 9 - HTML Frames Chapter 10 - HTML Forms

Part IV - Extending HTML with Other Technologies Chapter 11 - Getting Stylish with CSS

Chapter 12 - HTML and Scripting Chapter 13 - Making Multimedia Magic

Chapter 14 - Integrating a Database into Your HTML Chapter 15 - How HTML Relates to Other Markup Languages Part V - From Web Page to Web Site

Chapter 16 - Creating an HTML Toolbox Chapter 17 - Setting Up Your Online Presence Chapter 18 - Creating a Great User Interface Part VI - The Part of Tens

Chapter 19 - Ten Ways to Exterminate Web Bugs Chapter 20 - Ten HTML Do’s and Don’ts

Part VII - Appendixes Appendix A - HTML 4 Tags

Appendix B - HTML Character Codes Appendix C - Glossary

Index

Cheat Sheet- HTML 4 For Dummies, 4th Edition List of Figures

List of Tables List of Listings List of Sidebars

numbered list that defines a list of things to do for the day, and uses three bulleted lists to further break down those items into specific tasks:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> <html> <head> <title>Nested Lists</title> </head> <body> <h1>Things to do today</h1> <ol> <li>Feed cat</li> <ul> <li>Rinse bowl</li> <li>Open cat food</li>

<li>Deliver on a silver platter to fluffy</li> </ul> <li>Wash car</li> <ul> <li>Vacuum interior</li> <li>Wash exterior</li> <li>Wax exterior</li> </ul> <li>Grocery shopping</li> <ul> <li>Plan meals</li>

<li>Clean out fridge</li> <li>Make list</li> <li>Go to store</li> </ul> </ol> </body> </html>

Notice the pattern that the nested list uses: Each list item in the top-level ordered list is followed by a complete second-level list. The second-level lists don’t sit inside the list items; instead, they sit inside the top-level list. Figure 4-21 shows how a browser reflects this nesting in its display of the nested list.