1. Basic HTML Hyper text markup Language

2. Lesson Overview  In this lesson, you will learn to:  Create Lists  Horizontal rule (line)  Create a page for a recipe

3. Types of Lists  Three types of lists which will be covered in this lesson: Unordered lists Ordered lists Definition lists  Lists may not look like what you’re used to.

4. example of unordered lists

5. Class assignment 9 Unordered Lists

6.  Create a new file Web Design\HTML, name it after your recipie i.e. “PeanutButterSandwich.html”  Add a HTML, header, title, and body tag to your page  Get a list of ingredients for your recipe.

7. Unordered lists Ingredients two slices of bread. jar of peanut butter. jar of jelly.

8. Ordered lists Get a slice of bread. Open a jar of peanut butter. Spread peanut butter Get the second slice of bread. Open a jar of jelly. Spread jelly Put the two slices together Eat the sandwich.

10. Class assignment 10 Definition Lists

11.  …. defines the definition list  …. defines an item or t erm in definition list  … d escribes the item in the list

12. Definition List Sample

13. Class assignment 11 Lists

14.  In your recipe add definitions for the ingredients that your food takes  Example:

15. Class assignment 12 Horizontal Rule

16. Horizontal rule Sample header  Used to create divide space on the page

17. Horizontal rule  Use the horizontal rule to break up the sections in your recipe

18. Class assignment 13 Adding in Comments

19. Code hygiene  Please add comments to describe sections of your code. It will help you and me understand your code better  Correct alignment of code.  makes code easy to understand  Makes Debugging easier

20. Adding comments to your code Tags and Attributes This creates large text This is the smallest

21. Comments help others and yourself  Used remind you what you were thinking when you wrote that code  Helps someone else who is reading understand what you were thinking

22. Tell yourself what you learned  Use comments to describe the element we learned about today

23. Review  Which tag do you use for bulleted lists?   Which tag do you use to specify an item in an bulleted list?   Which tag do you use for numbered lists?   Which tag do you use to specify an item in numbered list?   How to do you create a line that spans the page? 