Lesson 3: Organizing your material  Create a numbered or unordered (bulleted) list  Unordered list tag is to begin and to indicate the beginning and ending of your list  A numbered or ordered list needs the tags and to indicate the beginning and ending of your

Items in the List  Each item in the list needs a tag and an ending tag at the end of each item  Line tags are nested within the ordered or unordered tags.

Example of code for unordered list This is item 1. This is item 2. This is item 3. This is item, etc.  This will create a bulleted list.

Creating a numbered list  Also called an ordered list  Code is  The code for each item in the list is still  Example of ordered list code This is item 1. This is item 2. This is item 3. This is item, etc. This list will be numbered (1, 2, 3)

Student action: Let’s try creating both  Begin a new html page entitled Lists.  Add the codes for creating a numbered list and a bulleted list between the body tags. This is item 1. This is item 2. This is item 3. This is item 1. This is item 2. This is item 3.

Practice – myfirstwebpage.html  Pull up myfirstwebpage.html in notepad  Place your cursor right before the ending body tag.  Add a

Practice – Add to myfirstwebpage.html  Add a paragraph before the ending body code that says: I can also create lists using numbers and bullets. Here is an example of a list with bullets:  Then add a bulleted list that says: This is my first item on the list. This is my second item on the list. This is my third item on the list. This is my fourth item on the list.

Practice  Let’s add an ordered list to your Gettysburg address page.  Create an ordered list of the first five presidents. Here is the information you should include: The first five Presidents of the United States, in order, were George Washington ( ) John Adams ( ) Thomas Jefferson ( ) James Madison ( ) James Monroe ( )

Let’s Review  You will need to take a short quiz to assess your understanding.  You will need to prepare an “HTML Cheat Sheet” for the code we know so far. The best way to do this is in a table in Microsoft Word.  As you use these codes, they get easier and easier to remember.

Example of study sheet/quiz  It’s time to review what we have learned so far.  Angled brackets surround HTML tags. The words between the angle brackets are called elements.  There are two kinds of tags:  container tags come in sets with a beginning and an end  empty tags stand alone  All HTML documents should have the primary tags:  … HTML file tag  … General information tag  … Title tag  … Body tag  Headlines come in six sizes: being the largest and being the smallest.  To create space between paragraphs use the container paragraph tag:  …  To create a line break use the empty break tag:   To make a line use the empty horizontal rule tag:   Lists are usually numbered or bulleted. HTML lists are nested with the listed item tag nested within the ordered or unordered container tag:  … Ordered list tag  … Unordered list tag  … Listed items tag