Lesson Two

Objectives:

  • Use the Refresh Button
  • Learn to make line breaks
  • Learn to make an unordered list
  • Learn to make an ordered list

Learning HTML

Next you are going to learn how to add additional formatting codes to your web page. Specifically, you are going to learn how to "refresh" your Browser, how to make line breaks, and how to create lists. We will use your text editor to add to the code you wrote in Lesson One. Did you see how when you clicked on View and then Source, you automatically opened up Notepad? That's how it works when you are working in Internet Explorer.

Once you make a change to your HTML document in Notepad, you will need to click on the "refresh" button to see your document in the browser. The Web Browser will not know you have made changes until it's refreshed.

When you looked at your list of friends in the last lesson, you may have noticed that they were all strung in a line like this: Joe, Dante, Maria.

To make them form a vertical line you need to add the line break tag : <BR>after each name.

When you type:
Joe<BR>
Dante<BR>
Maria<BR>

It will show up in your Web Browser like this:
Joe
Dante
Maria

The <BR> tag is also useful for creating an extra line between paragraphs. You can use as many you wish to create as many extra lines as you like. If you want an extra line, you need two break tags.

Okay, now let's say you want a list with "bullet" points. Here is the code for making that type of list (called an unordered list):
<UL>
<Li>apples
<Li>peaches
<Li>oranges
</UL>
That's all there is to it. As you can see, it's not necessary to close the <Li>tag after each list item.
This is how it will actually look in your browser:
  • apples
  • peaches
  • oranges
If you want your list to be numbered, you use <OL> instead of <OL>:
<Li>apples
<Li>peaches
<Li>oranges
</OL>

This is how it looks in your browser:
  1. apples
  2. peaches
  3. oranges
    Now you're ready for your next assignment. Assignment #2.
Assignment #2
  1. Open up "home.htm" from Lesson One.

  2. Add the break tag after each name.

  3. Save the file and refresh it.

  4. Use line breaks to skip a space under the last name.

  5. Make an unordered list of five of your favorite foods.

  6. Refresh your Browser.

  7. View Source.

  8. Skip another space.

  9. Make an ordered list of your five favorite celebrities.

  10. Save your work.

  11. Refresh your Browser.

  12. Check to see that the page works.

Next >>
<< Back