1. HTML Lesson 5 Hyper Text Markup Language

2. Assignment 4  Create a new HTML page called index.htm and save it in your HTML_Folder  Use the same format which we have used on the last three assignments.  Use this page to introduce yourself as this will be the first page viewers will see. It is referred to as your home page.  Continued…

3. Assignment 4 Continued…  Add links to each of the other three assignments which we have done  At the end of each of those assignments, add links back to your home page.  On your home page, add three links. District web page Newport High School page Mr. Thompson’s SharePoint Site  Assignment 4 Continued…

4. Assignment 4 Continued…  For grading purposes, do not print anything out for this assignment until your instructor has check all of your links.  You will only print your home page (index.htm) from your browser after it has been OK’d.

5. HTML Lists  HTML supports ordered, unordered and definition lists.

6. Unordered Lists  An unordered list is a list of items. The list items are marked with bullets (typically small black circles).  An unordered list starts with the tag. Each list item starts with the tag. Coffee Milk

7.  Here is how it looks in a browser: Coffee Milk  Inside a list item you can put paragraphs, line breaks, images, links, other lists, etc.

8. Disc bullets list: Apples Bananas Lemons Oranges Circle bullets list: Apples Bananas Lemons Oranges Square bullets list: Apples Bananas Lemons Oranges

9. Disc bullets list: Apples Bananas Lemons Oranges Circle bullets list: oApples oBananas oLemons oOranges Square bullets list:  Apples  Bananas  Lemons  Oranges

10. Ordered Lists  An ordered list is also a list of items. The list items are marked with numbers.  An ordered list starts with the tag. Each list item starts with the tag. Coffee Milk

11.  Here is how it looks in a browser: 1.Coffee 2.Milk  Inside a list item you can put paragraphs, line breaks, images, links, other lists, etc.

12. Numbered list: Apples Bananas Lemons Oranges Letters list: Apples Bananas Lemons Oranges Lowercase letters list: Apples Bananas Lemons Oranges Roman numbers list: Apples Bananas Lemons Oranges Lowercase Roman numbers list: Apples Bananas Lemons Oranges

13. Numbered list: 1.Apples 2.Bananas 3.Lemons 4.Oranges Letters list: A.Apples B.Bananas C.Lemons D.Oranges Lowercase letters list: a.Apples b.Bananas c.Lemons d.Oranges Roman numbers list: I.Apples II.Bananas III.Lemons IV.Oranges Lowercase Roman numbers list: i.Apples ii.Bananas iii.Lemons iv.Oranges

14. Definition Lists  A definition list is not a list of items. This is a list of terms and explanation of the terms.  A definition list starts with the tag. Each definition-list term starts with the tag. Each definition-list definition starts with the tag. Coffee Black hot drink Milk White cold drink

15.  Here is how it looks in a browser: Coffee Black hot drink Milk White cold drink  Inside a definition-list definition (the tag) you can put paragraphs, line breaks, images, links, other lists, etc.

16. Assignment 5  Using your index.htm file from Assignment 4, convert your three assignments into an unordered list using square bullets.  Convert the three external links to an ordered list using Roman numbers.