HTML

1. HTML

2. Language Hypertext Markup

3. Lesson Objectives 1. We will be able to understand the need for HTML 
and where it is used 2. We will be edit HTML to experiment with the effect 3. We will be able to program a basic webpage in 
HTML

4. Task 1 - HTML Research Find a website of your code and view the source code Look for any patterns. Can you work out/guess what any of 
the code does?

5. HTML Code

6. HTML Tags <a href=" "> <li> <b> </i> </h1> <h1> <p> </b> </p> </a> </li> <i>

7. Editing Code http://www.w3schools.com/html/ Task: 1. Visit the website above and 
edit some code to see the effect 
it has https://thimble.webmaker.org/

8. Hello World The first program that anyone 
should write in any language is 
the "Hello Word" program HTML is just a text file read by web browsers therefore 
can be written in the software Notepad "Hello World" program 
demonstrates your ability to get 
programming laguage to write a 
message to the screen

9. Write out the code Tasks (Work through task booklets) 1.Write "Hello World" 
programme 2.Inserting a Picture 3.Inserting a Hyperlink 4.Changing Colours 5.Create a table # Indicates that the code below is to be translated as HTML code # All code inbetween the body tags will visually appear on the website # Display a title "Hello World" in the predefined H1 title format Don't forget to save as .html

10. Tasks and Challenges Achievements 1 - Hello World 2 - Inserting and Image 3 - Inserting a hyperlink 4 - Changing Colours 5 - Inserting a table All should complete Most should complete Some will complete