Ordered, Unordered and Definition List (HTML)

There are three types of lists in HTML:

Ordered Lists
These are sometimes called numbered lists, and list items that have a specific numerical order or ranking.

Unordered Lists
These are sometimes called bulleted lists, because they have small bullet icons in front of the list items. They are for lists that don't have a required order.

Definition Lists
These are lists of items that have two parts, a term to be defined and the definition.

Ordered Lists
Use the < ol > tag (the ending < /ol >
tag is required), to create a numbered list with numbers starting at 1. The elements are created with the
< li > tag



When to use ordered List:
Use ordered lists anywhere you want to show a specific order for the list items to be followed, or to rank items sequentially. These lists are most often found in instructions and recipes.




Unordered Lists
Use the < ul > tag (the ending < /ul > tag is required) to create a list with bullets instead of numbers. Just like with the ordered list, the elements are created with the < li > tag.

When to use unordered list:
Use unordered lists for any list that doesn't have to be in a specific order. This is the most common type of list found on a Web page.




Definition Lists
Definition lists create a list with two parts to each entry: the name or term to be defined and the definition. This creates lists similar to a dictionary or glossary. There are three tags associated with the definition list:

< dl > to define the list
< dt > to define the definition term
< dd > to define the definition of the term

*HTML does not require the closing tag for the < dt > or the < dd >, but it's a good idea to use them so other parts of your design aren't confused.

When to use Definition list.
Use definition lists anywhere you have a list that has two parts to each item. The most common use is with a glossary of terms.





< BR >, < P > and < HR > TAGS

< BR > tells your browser to go to the beginning of the next line. BR stands for line BReak. < BR > acts in the same way as the ENTER key on your keyboard. When you press the ENTER key, the cursor goes to the beginning of the next line. With < BR >, the browser is also told to go to the beginning of the next line. Remember that when you save an HTML document, you are saving it as TEXT ONLY which means that no codes are saved and so your browser will not know when to end a line and continue on to the next line. The  < BR > tag does this for you.

< P > for Paragraph tells your browser to insert a blank or empty line and then begin a new line (a new paragraph). < BR > tells the browser when a line has ended while
tells the browser to leave a blank line and begin a new paragraph.

< HR > puts a line across the page. HR stands for Horizontal Rule. The two lines you see below were put there with < HR > tags.