Html basics
Download as PPTX, PDF3 likes195 views
This document provides an introduction to HTML and web development concepts. It explains that HTML is the language used by web pages to define their structure and content. It also discusses how web pages combine to form websites, and how multiple connected websites make up the World Wide Web. The document introduces some basic HTML tags and elements, and encourages practicing these concepts through interactive activities.
Html basics
- 2. WHAT’S GOOD FOR YOU TO KNOW FOR NOW? •WHAT IS HTML? •WHAT IS AN HTML EDITOR? •HTML SYNTAX •BASIC HTML TAGS •BASIC TEXT AND TEXT FORMATTING •STRUCTURE OF A SIMPLE HTML PAGE GT MABENA 2
- 3. IF PEOPLE TALK, THEN WHAT DO COMPUTERS DO? GT MABENA 3
- 4. A METAPHOR FOR HTML: •IN THE SAME WAY THAT PEOPLE TALK/ COMMUNICATE, BE IT TWO PEOPLE OR A GROUP; COMPUTERS NEED TO DO THE SAME. THEY CONNECT (THROUGH A NETWORK) AND AS A RESULT FORM OR ACHIEVE THEIR COMMUNICATION. GT MABENA 4
- 5. WWW… •THE CONNECTED (MULTIPLE) NETWORKS ARE WWW’S (WORLD WIDE WEBS) GT MABENA 5
- 6. … •THESE ARE FORMED BY WEB SITES WHICH ARE MADE UP OF OR ARE FORMED THROUGH THE COMBINATION OF MULTIPLE CONNECTED WEB PAGES. GT MABENA 6
- 8. WHAT IS HTML? •HTML (HYPERTEXT MARKUP LANGUAGE) IS THE LANGUAGE SPOKEN BY WEB PAGES IN ORDER FOR THEM TO BE WHAT THEY ARE AND DO WHAT THEY DO. GT MABENA 8
- 9. HTML LINGO/ ELEMENTS •<HTML> </HTML> •<HEAD> </HEAD> •<TITLE> </TITLE> •<BODY></BODY> •<P> </P> GT MABENA 9
- 10. AN EXAMPLE IN THE REAL WORLD? •WWW… LET’S SEE IF WE CAN’T FIND ANYTHING ONLINE GT MABENA 10
- 11. IMPORTANT TERMS AND CONCEPTS: •PG. 359 •END TAG •HTML (HYPERTEXT MARKUP LANGUAGE) •HTML ELEMENT •MARKUP LANGUAGE •MARKUP TAGS •START TAG •TEXT FILE GT MABENA 11
- 12. FOR A PRIZE… •LIST 9 HTML TAGS/ ELEMENTS AND MENTION WHAT PURPOSE THEY SERVE. GT MABENA 12
- 13. 1 MORE PRIZE… •WHAT KIND OF LANGUAGE DO WEB BROWSERS UNDERSTAND AND “SPEAK” ? GT MABENA 13
- 14. CLASS ACTIVITY! •PG. 360 •PLEASE COMPLETE THIS ACTIVITY IN YOUR WORKBOOKS. THANK YOU! GT MABENA 14
Editor's Notes
- #13: HTML, Head, Title, Body, Paragraph, Bold, Italics, Headings, Horizontal line break.