Essentials of HTML

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

Find 5 errors in the following HTML Code ?

1. Comments

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

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

2. Indents

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-77-78 Grade9

3. Lists

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

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

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 achievements 7 Save file as lesson2. html

Evaluate your Understanding