1. HTML HyperText Markup Language

2. Text Files An array of bytes stored on disk Each element of the array is a text character A text editor is a user program for changing text files HTML is a text file that is written in a special language for talking to web browsers

3. NotePad - a simple text editor Menu path to find NotePad Menus are trees too! –Start->Programs->Accessories->NotePad

4. HTML in NotePad and are called tags –Anything inside of in HTML is a tag –Tags are instructions about the text for the browser

5. Publishing Web Pages NotePad my first web page Web Browser Computer Disk Web Server Internet

6. Publishing Web pages NotePad my first web page Web Browser myPage.html Web Server Internet Save my first web page

7. Special Problems with NotePad Wants to store files as myPage.txt not myPage.html

8. Special Problems with NotePad Wants to store files as myPage.txt not myPage.html

9. Special Problems with NotePad

10. Publishing Web pages NotePad my first web page Web Browser myPage.html Web Server Internet Save my first web page

11. Publishing Web pages NotePad my first web page Web Browser myPage.html Web Server Internet Save my first web page http://there.com/myPage.html GET my first web page

12. Web pages on one computer NotePad my first web page Web Browser myPage.html Save my first web page myPage.html my first web page Open Page

13. NotePad / Web Browser Demo

14. Bold text NotePad my first web page Web Browser myPage.html Save my first web page myPage.html Open Page my first web page

15. Bold Demo

16. Why didn’t bold appear? NotePad my first web page Web Browser myPage.html Save my first web page myPage.html Open Page my first web page

17. Do Save NotePad my first web page Web Browser myPage.html Save myPage.html Open Page my first web page my first web page

18. Save Demo

19. It Still Didn’t Appear NotePad my first web page Web Browser myPage.html Save myPage.html my first web page my first web page Open Page

20. Reload NotePad my first web page Web Browser myPage.html Save myPage.html my first web page my first web page Reload

21. Multiple Lines NotePad my first web page Web Browser myPage.html Save myPage.html my first web page my first web page Reload

22. Multiple Lines Demo Web browsers arrange lines according to the width of the window, not the lines in the HTML file

23. Other formatting tags make a new paragraph italic unordered list – list item

24. paragraph

25. italic

26. lists

27. - adding images – –If the image file is in the same folder as the html file – Demo

29. - anchor Used to create hyperlinks text for the link –Linked file must be in the same folder Demo

30. Hyperlink Example

31. Image Hyperlink Example

32. Review HTML is just text with special tags link text

33. Publishing Web pages NotePad my first web page Netscape myPage.html Web Server Internet Save my first web page

34. Web pages on one computer NotePad my first web page Netscape myPage.html Save my first web page myPage.html my first web page Open Page / Reload