debbugging

1. Debugging
By: Engr. Esmeraldo T. Guimbarda Jr.

2. Correct output:

3. Step 1: Encode the source code
Filename: hailmary.html

4. Filename: mary.css

5. Step 2: Test the code
- on Notepad++ click Run and click Launch in Chrome. Note: make
sure the document open is the html file and not the css file.

6. Incorrect output:

7. Step 3: Debugging

10. Relaunch in Chrome:

11. Lets try: Ourfather.html & style.css

12. Correct output:

13. Step 1: Encode the source code
Filename: ourfather.html

14. Filename: style.css

15. Step 2: Test the code
- on Notepad++ click Run and click Launch in Chrome. Note: make
sure the document open is the html file and not the css file.

16. Incorrect output:

17. Step 3: Debugging

21. Relaunch in Chrome:

22. Activity:
Redo oufather.html & hailmary.html using
only one css code.

23. filename:
hailmary.html

24. filename:
ourfather.html

25. filename:
style.css