1. UNIT 2 UNIT 2 Module 3: HTML Lists Overview

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

3. List tag Starts the list closes the list

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

5. Ordered list Ordered List Apples Bananas Lemons Oranges Ordered List Apples Bananas Lemons Oranges

6. Find the code that has the with your name. Change this to an unordered list Gail Chapman gchapman@henry.k12.ga.us Gail Chapman gchapman@henry.k12.ga.us

7. 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 2014-2015

8. URL Address http://www.washington.edu/accessit/webd2/student/index.html This URL consists of four parts, separated by forward slash (/): http:// - 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 http://, but they might also begin with https://, ftp://, telnet://, or others. www.washington.edu - 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

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

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

11. 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 “http://schoolwires.henry.k12.ga.us/lhs

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

13. Link to an email address Substitute this code for you email. judy@ohs.edu You may need to retype the “ “ marks once you copy it over.