2. HTML BASICS

3. Why can we see images and text, hear sounds, and view video files on the Web? The browser and a language called HTML are largely responsible.

4. H yper T ext M arkup L anguage What IS that anyway? ANSWER: Coding language used to create hypertext (linking) documents for use on the World Wide Web

5. HTML coding is read by a browser, such as Netscape or Internet » Explorer

6. You can write your own HTML files with simple “coding tags” Tags work in pairs to begin and end a command. Write html? Who, me? beginning tag ending tag

7. Browsers read these coded and create what you see and hear in your browser including colored backgrounds, graphics, font size and style,.midi and.wav files, videos...

8. Here comes the HTML coding... Let’s look at a basic one… just for fun, of course!

9. Artesian/Letcher Fifth Grade Artesian/Letcher Fifth Grade Yadda, yadda, yadda Huh??

10. Here’s What You’ll See Title Bar Heading Body

11. Here are some basic tags: Explanation: These tags tell the browser to begin and end reading an html file. Explanation: The browser will read what is between these tags as the heading.

12. The Title of Your Webpage A/L Fifth Grade Explanation: Whatever you type between the tags will appear in the title bar at the top of the browser window.

13. More tags Explanation: Center whatever is between these tags Explanation: These tags indicate heading size. You can choose from 1-5, 1 being the largest.

14. Huh? ? Font Style, Size, and Color Explanation: These tags command the font style, color, and size. Each color has a code.

15. The Body of Your Page Explanation: Whatever appears between these tags will be read as the body or “meat” of the webpage. Hey, I think I understand this!

16. An image in the body?? Explanation: Insert an image (img) here. The source is named “kids3.jpg” NOTE: You must have the image in the file in order for the browser to read it.

17. Text in the Body Type whatever you want to say in the body of your webpage between the body tags. Example: Yadda, yadda, yadda…

18. HTML is a great help when you need to trouble shoot in the WYSIWYG web development software! Of course, there’s much much much MUCH more to html! A super site to learn more is called HTML Goodies located at http://www.htmlgoodies.com/ http://www.htmlgoodies.com/

20. Let’s Make One! Make a new folder under “personal” called HTML Find an image you’d like to use on your page Save it in your HTML folder –It must be in.jpg or.gif format

21. Now for the HTML We’ll type it in Notepad Start/Programs/ Accessories/ Notepad/ New File

22. Here’s the code: Type what you want in the title bar here –Type what you want your heading to say here.

23. The body Type what you want to say in the body under your image here.

24. Let’s Save It!! File/Save As Type in a file name with the extension.html Example name: school.html Put it in your HTML folder with your graphic

25. Let’s Browse It! Open a browser (Netscape or Internet Explorer) NETSCAPE--File/Open Page/Choose File –Browse to your file (OK) INTERNET EXPLORER--File/Open –Browse to your file (open,OK)

26. ABRACADABRA!! You did it!!! ---If it didn’t work, find errors and try again. It will work!

27. Artesian/Letcher Fifth Grade Artesian/Letcher Fifth Grade Yadda, yadda, yadda