Sams Teach Yourself HTML, CSS & JavaScript Web Publishing in One Hour a Day

ptg16476052

Summary 85

5

Using a combination of JavaScript and CSS, you can turn a standard HTML list into a sort-
able user interface element for a web application. You can see an example in Figure 5.11.

You’ll see other uses of lists in later lessons. With the introduction of Cascading Style
Sheets, lists became one of the fundamental building blocks of web pages.

Summary

In this relatively brief lesson, you got a look at HTML lists. Lists are a core structural
element for presenting content on web pages and can be used for everything from the list
of steps in a process to a table of contents to a structured navigation system for a website.
They come in three varieties: ordered lists, which are numbered; unordered lists, which

FIGURE 5.10
Pull-down naviga-
tion menus imple-
mented using lists.

FIGURE 5.11
A sortable list.