HTML Lesson 5 Hyper Text Markup Language

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…

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…

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.

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

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

 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.

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

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

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

 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.

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

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

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

 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.

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.