UNIT 2 UNIT 2 Module 3: HTML Lists Overview

List There are two common types of HTML lists Ordered list numbered Unordered list bullet points

List tag Starts the list closes the list

Unordered List: Apples Bananas Lemons Oranges ____________________________________________ Apples Bananas Lemons Oranges

Ordered list Ordered List Apples Bananas Lemons Oranges Ordered List Apples Bananas Lemons Oranges

Find the code that has the with your name. Change this to an unordered list Gail Chapman Gail Chapman

Find the code that looks like this: Change this to an unordered list Intro to Digital Technology Luella High School Intro to Digital Technology Luella High School 4th Period School year

URL Address This URL consists of four parts, separated by forward slash (/): - This is the Internet protocol, and tells the browser how to connect with the server hosting the URL. Most documents on the web begin with but they might also begin with ftp://, telnet://, or others. - Domain name where the file is located. /accessit/webd2/student/ - folder or directory where the file is located (in this example, the file index.html is stored in a subdirectory three levels deep) index.html - the filename

UNIT 2UNIT 2 > MODULE 3 Lesson 2: Creating a Navigation MenuMODULE 3 Creating a navagation menu with links to internal documents: Home Accessibility Usability Graphics Javascript Tools Video Type this after the div containing your information and before the main with the paragraph headings Save and view in browser If you copy paste you will need to retype the “ “ marks. They do not copy over correctly.

Saving your document Now save the index.html as each of the following names you created. Use lowercase and do not have spaces in the word. You should see an html icon for each of the saved pages when you finish.

Linking to a url – absolute link This is a link to nothing An absolute link is a link to an existing URL on the internet. Find the name of the school and change it to this. Luella High School “

Find the tag change it to the following tag. At the very top of your web page, just inside the tag, add a new div element that contains a same-page link, like this: Type this code right after the comment. Skip to main content

Link to an address Substitute this code for you . You may need to retype the “ “ marks once you copy it over.