HTML stands for HyperText Markup Language
Part 8: Lists in HTML
We are going to work on lists. we can create lists directly in HTML
without assigning numbers.
1. Types of Lists: There are two kinds of lists, and they
are fairly simple.
- <ol> is an ordered list
- <ul> is an unordered list
- <li> is used for each list item
2. Unordered Lists: An unordered list has what is commonly called
"bullets". We can add a bulleted list by adding an unordered list.
The unordered list is contained within the Unordered list tags, <ul>
</ul> tags. Each item in the list will be contained within the list item
tags, <li> </li>
We will add an unordered list to our html code. Add the following code to
your page body so far created and brought forward from lesson 7.
The unordered list will look like this:
Reasons I like Html
- I can make my pages as I want them
- Once I learn html, the other languages come easily
- Even if I use an html editor, I can now adjust aspects of the page
- I can look at other peoples html code to learn how to do neat things
3. Ordered Lists: An ordered list has what is commonly called
"numbered list". We can add a numbered list by adding an ordered list.
The ordered list is contained within the Ordered list tags, <ol> </ol>
tags. Each item in the list will be contained within the list item tags, <li>
We will add an ordered list to our html code. Add the following code to
your page body so far created.
The Ordered list will look like this below. Notice you have not assigned a
number to any line, but the coding figures it out.
Things I have learned
- Html base code
- How to align text
- Font attributes
- Inserting images
- Image attributes
- Creating links
- Sound attributes
- Making lists
4. Code Summary: Here is our code so far
Save this in your notepad, and view it.
It is all coming together very nicely.
We are almost done with our html lessons.
Even though you aren't expected to memorize every little code, when you see them, you will know what they mean,
and when you need them, you will know where to find them.
We only have 2 more lessons to go, so when you are ready,
lets move to lesson 9, making internal targets