1. Essentials of HTML

2. Understand Comments (mean – use – how to write) Understand Indents
Lesson Objectives:
Understand Comments (mean – use – how to write)
Understand Indents
Understand Lists
Practical Task

3. Find 5 errors in the following HTML Code ?

5. 1. Comments

6. Comments
Notes that can be seen in the code , but ignored by web browser.
When we can use ?
To show author and version of web
Comment out old code
Test code
Record changes
Leave notes for other developers
Keep notes for yourself to remember

7. How to write in HTML ?
<!-- this is my note for today – TRY is the first step for success -->

8. 2. Indents

9. Indents Space from the edge of the editor to the first word
Why to use?
Easy to know the start and the end of the text
Easy to see the difference between code and text
Check Student Book P-90 Grade8

10. 3. Lists

11. Lists
Useful way for presenting information on the web , there are two types of lists:
Ordered List
Unordered List
<ol>
<li> </li>
</ol>
<ul>
<ul> </ul>
</ul>

12. Practical You are suppose to do the activity in your book P-95
The task sheet should be completed..

13. Task Sheet No Task Completed Not Completed 1 Open NotePad++ - 2
Write html main tags – head & body 3
Title is written “ Comment – Indent – List ) 4
Write School Name 5
Write ordered list for favorite subjects 6
Write unordered list for your acheivments 7
Save file as lesson2. html

14. Evaluate your Understanding