Lists are common structures on webpages. They can be ordered or unordered, also referred to as numbered lists versus bulleted lists. Lists can be styled to perform other functions in webpages; menus (being a “list” of links on a website) are often actually coded as lists with very advanced styling applied to them.
Both types of lists have simple defaults as can be seen in the following Codepen:
Unordered lists are what we refer to as bulleted lists in Microsoft Word. An unordered list does not suggest a specific sequence or preference of the items in the list.
Ordered lists are the equivalent of numbered lists in Microsoft Word. An order or preference is suggested, as in a sequence of steps to be taken or that some items are more important or take preference over others.
Both list types can be styled in a number of ways. The default bullet point is a solid, dot and the default numbered list uses a simple 1, 2, 3. This can be modified using the
The next page introduces further aspects of HTML lists that are NOT in the CAT curriculum but could be used in Grade 11 & 12 PAT‘s.