Downloaded 18 times
More Related Content
Lesson 1
- 1. HTML PROGRAMMING Lesson 1:What is HTML?
- 2. Lesson Objectives Bythe end of this lesson: All students will be able to create an HTML document Most students will be able to identify common HTML tags Some students will be able to explain how HTML documents are created using tags
- 3. What is HTML? HTML is the language which is used to create webpages It stands for: Hyper Text Markup Language All webpages are saved with either the file extension .HTML or .HTM
- 4. Starter One ofthe great things about learning HTML is that you can view how other websites have been created. All you have to do is: Visit a website Click on the ‘View’ menu and choose ‘Source’ This will then bring up all of the HTML code used to create this page Visit www.emmanuelcollege.org.uk and try this for yourself
- 5. How does HTMLwork? HTML works by using a series of commands called ‘tags’ Each of these tags tells your web browser what information is to be displayed and how it should be displayed All tags are displayed in <> and when they end they are displayed as </>, for example: <HTML> and </HTML> The first tag is to tell your web browser that you have started coding in HTML and the second tag tells it that you have stopped – it’s easy!
- 6. What are thebasic tags? HTML tag What it does <html> This tag is used to set the start and end point of the HTML document <body> This tag is used to set where the main content of the webpage you are creating starts and ends <h1> This tag is used to create a heading for your HTML document <p> This tag is used to create a paragraph <br> This tag is used to put a line break in the content
- 7. Creating your firstwebpage All you need to get started in creating your first webpage is notepad The only other thing you need is the ‘My first webpage’ worksheet Follow these instructions and answer the questions which are also there Good luck!
- 8. Extension... If youhave managed to create your first webpage and have answered all of the questions then: Try adding another paragraph to your webpage to tell the viewer a bit more information about yourself Try changing the <h1> tag to different numbers, for example <h2> or <h3> what happens?
- 9. Plenary... Using themini whiteboard kits, write the answers to the following questions: What is the name of the programming language used to create webpages? What does HTML stand for? Write down at least 2 different tags that you have used today? Which tag is used to signal the end of an HTML document?
- 10. Summary In thislesson you have: Created an HTML document Identified common HTML tags Explained how HTML documents are created using tags