Ordered lists are very standard, but most of the time, you want to use unordered lists for the way you can insert your own images as bullet points.
The following CSS code uses lower case alphabet letters for the ordered list. The following CSS code changes the unordered list style to upper case roman numeral values. Of course, you can also set the default, which is standard numbers starting with one. You can change the list to upper or lower case roman numerals, or you can change the numbers to upper or lower case letters. There are several ways you can change the ordered list. Let's take a look at ordered lists first. Basic HTML and CSS have predefined styles that change the look and feel of either the ordered list's numbers or the unordered list's bullet points.
Now that you know how to create lists, you need to know how to change the styles. Notice the only changes are the "ul" tag instead of the "ol" tag. The above is an ordered list, but the following code shows you how to create an unordered list that just places bullet points in front of each item instead of numbers. The "ol" tag stands for "ordered" list, and this is how the browser knows to place numbers in front of each item.
The above HTML displays the list with numbers one, two and three ahead of each list item. The following code displays an HTML page with an ordered list. There are several styles you can even use with a numbered or ordered list such as roman numerals and alpha characters.īefore we begin, you should know the two list types and their associated HTML. Unordered lists include a bullet point, but these bullet points can be swapped out for images. Ordered lists include numbers in front of each point. HTML tags correspond with these two list types. There are two types of lists: ordered and unordered. CSS lets you do much more with lists than old HTML tags. Originally, lists were either bullet points or numbers, but now CSS lets you make lists dynamic, change the way they look to the user, and you can use images as bullet points. What's new about lists is the way you can stylize them for your users in CSS.
Lists (both bullet points and numbered) have been a part of HTML code for ages. Lists are those bullet points or numbered text that you see on a web page.