HTML provides ways of not only presenting text, but also data. The main forms of data presentation are lists and tables. We'll start by looking at lists, then move onto how to implement a table.
There are two main types of lists used in HTML. These are used to hold any group of related items.
Ordered lists have numbering and pertain to a certain ordered.
To specify an ordered list, use the
<ol> tag to open the list, then use
<li> tags for each list item.
Note that you may specify a
type attribute per list, which shows how the items will be numbered.
The possible values are "1" for numeric, "A" for uppercase letters, "a" for lowercase letters, "I" for uppercase roman numbers, and "i" for lowercase roman numerals.
In the example above we chose I, which makes are list items show as Roman Numerals.
Thus our output would look like this:
Unordered are lists with no order to them.
<ul> tag is used for unordered lists. Just like in ordered lists, we use the
<li> tag per each list item.
<ul style="list-style-type: disc"> <li>Gym</li> <li>Tan</li> <li>Laundry</li> </ul>
We can also customize the bullet points of an unordered list. Use the
<style> attribute, then specify disc, circle, square or none for the
The style attribute is actually a shortcut to applying a CSS style. We will learn more properties you can change with the "style" attribute in our CSS tutorial, so hang tight!
To place a list within another, simply embed a list within another list.
Ever feel achy from sitting crunched up on your computer table? Try lying down with these optical glasses that allow you to work on your laptop while lying flat on your back. This is the perfect solution with those with limited mobility or those who wish to prevent neck cramps and back strains.$ Check price
Want your web site to display more quickly? This book presents 14 specific rules that will cut 25% to 50% off response time when users request a page. Author Steve Souders, in his job as Chief Performance Yahoo!, collected these best practices while optimizing some of the most-visited pages on the Web.$ Check price