The Ever-Popular List(s)
There are three basics lists which are widely used. They
include ordered, unordered and definition.
So what is the difference??
Unordered Lists - Use the popular bullet icons. There
are three types which is designated through the 'type'
attribute. They are disc (default), square, circle.
This is an example of using the default. Check the page source
to view the nice structure.
- Yo
- Yo
- Yo
Here is an example of using the type
attribute with the ul tag.
- Yo
- Yo
- Yo
Here is an example of using the type attribute
with the li tag.
- Yo
- Yo
- Yo
Ordered Lists - This list is based upon the number
system. There are five types which is designated through the 'type'
attribute. They are 1 (default), A, a, I, i.
This is an example of using the default. Check the page source
to view the nice structure.
- Yo
- Yo
- Yo
Here is an example of using the type
attribute with the ul tag.
- Yo
- Yo
- Yo
Here is an example of using the type attribute
with the li tag.
- Yo
- Yo
- Yo
Definition Lists - This list is based upon the ole
dictionary structure. How can you use this list to help
you with formatting your text??
- This tag provides you with a way to emphasize a title
- Definition Data Tag
- Definition Data Tag
- Definition Data Tag
Nesting lists ... the neat thing about lists is that you can 'nest'
them or put a list inside another one. Here's the important thing --
you need to have a good structure in order to help you
with your opening and closing tags.
- This is a test
- Can you keep track of each of these points??
- Can you keep track of each of these points??
- Can you keep track of each of these points??
- Can you keep track of each of these points??
- Check out the source code.
- See how it is structured?
- Isn't is easy to follow?
- Don't worry about all of the white space in your
document.
- The Web browser will put it all together.
- But it will make life easier for you ... and
debugging your program.