1. HTML 17 HTML 17

2. HTML 17 HTML is the language for making webpages Hypertext Markup Language You need to know the basics Questions about HTML are common So let’s start by looking at what goes into a webpage…

3. HTML 17 Files Database Photos Info SourceHTML Web pages include lots of ingredients…

4. HTML 17 Here’s how making web pages fit into things… Client SideServer SideWeb CoderInternet Backbone Creates site and uploads to server 1 Sever stores site and sends when ‘requested’ 2 Site HTML & files travel across the Internet as packets of data 3 Site opens in browser on client devices 4

5. HTML 17 Here’s how making web pages fit into things… Web Coder Creates site and uploads to server 1 Writes HTML codes to include: Text Photos Hyperlinks Finished page Browser reads the code & displays the results

6. HTML 17 Heading Image Paragraph Hyperlink List We’ll explore HTML by making this silly page…

7. HTML 17

8. HTML 17

9. HTML 17 We’ll now look more closely at these tags…

10. HTML 17 Cows are cool Heading We’ll now look more closely at these tags… Tells the browser it’s the end of the heading Gives the browser the text to display for the heading Tells the browser it’s the start of the main heading End tagHeading textStart tag

11. HTML 17 Gives the browser the name of the image file Image We’ll now look more closely at these tags… Tells the browser to display an image file source Tells the browser where to find the image to display Change to newcow.jpg img tag

12. HTML 17 Some exciting text. Tells the browser the paragraph has ended Paragraph We’ll now look more closely at these tags… Tells the browser to display a new paragraph of text end tagtext Gives the browser the text to display for the paragraph start tag

13. HTML 17 Some exciting text. Tells the browser to stop making text bold Paragraph - Bold We’ll now look more closely at these tags… Tells the browser to make the text bold end tagbold tag

14. HTML 17 Some exciting text. Tells the browser to stop making text italics Paragraph - Italics We’ll now look more closely at these tags… Tells the browser to italicise the text end tagitalics tag

15. HTML 17 Some exciting text. Tells the browser to stop underlining the text Paragraph - Underline We’ll now look more closely at these tags… Tells the browser to underline the text end tagunderline tag

16. HTML 17 Some exciting text. Tells the browser to add a new line (like pressing Enter) Line Break We’ll now look more closely at these tags… Line break tag

17. HTML 17 Click here Gives the browser the text to display for people to click Hyperlink We’ll now look more closely at these tags… Tag tells the browser to display a hyperlink Clickable text Web address Tells the browser what page to load if link is clicked a tag & href href = hyperlink reference End tag Tells the browser the link text is finished

18. HTML 17 List – unordered (bullets) We’ll now look more closely at these tags… Tells the browser to display an unordered list (ul) ul tags Cows eat grass Cows make milk li tags Tells the browser to display a list item (li) Gives the browser the text to display for each list item List text End tag Ends each list item

19. HTML 17 List – ordered (numbered) We’ll now look more closely at these tags… This new tag will tell the browser to display an ordered list (numbered) Change tag to ol Cows eat grass Cows make milk

20. HTML 17 Special tags that give details about a page that can be used by web services, such as search engines. And finally…let’s have a quick look at meta tags…

21. HTML 17 Author name And finally…let’s have a quick look at meta tags… Gives the browser the name of the person who made this web page (the author) Tells the browser that this information will be about the author of this web page Tells the browser that this line of code contains information about the webpage contentauthor name meta tag

22. HTML 17 Description And finally…let’s have a quick look at meta tags… Gives the browser a brief description of what this web page is about Tells the browser that this information will give info that describes what the page is about Tells the browser that this line of code contains information about the webpage contentdescription meta tag

23. HTML 17 HTML 17

24. HTML 17 HTML 17