1. Anatomy of a Web Page

2. Parts of a Web Page Title Bar Navigation Tool Bar Location Bar Header Graphic/Image Text Horizontal Rule Links

3. What is HTML? HTML –Hyper Text Markup Language HTTP –Hyper Text Transfer Protocol Uses Tags Not Scripting Language Not a Programming Language

4. What does HTML look like? Donna’s Web Page Donna's Web Page This is a sample of a web page. Links: T3 Home Page ATR Home Page

5. This is what the page looks like on the Web

6. Tells that this is an HTML file What you type inside of these tags goes in the title bar at the top These tags have end tags Donna’s Web Page Donna's Web Page This is a sample of a web page. Links: T3 Home Page ATR Home Page So what are the HTML tags?

7. Body info goes in the body tags in this case the color Header tag indicates a header & conforms to certain formatting rules Headers are 1-6 (1 is the largest) Includes a space below the end of the line Both need end tags Donna’s Web Page Donna's Web Page This is a sample of a web page. Links: T3 Home Page ATR Home Page

8. So what are the HTML tags? tag Requires end tag Tells where & what the image is Must be saved as a gif or jpg Also includes info such as size Paragraph Ends the word wrap & adds a space after last line Donna’s Web Page Donna's Web Page This is a sample of a web page. Links: T3 Home Page ATR Home Page

9. So what are the HTML tags? tag Horizontal Rule Puts in a line LINKS Gives information about the link Can be a hyperlink, a link to another page in the site, or a mailto link Both need end tags Donna’s Web Page Donna's Web Page This is a sample of a web page. Links: T3 Home Page ATR Home Page

10. Other HTML Tags Tags Table Row Table Data All need end tags Tables

11. What do you do with a table? Input data Format page Format Newletters on line Use it to make borders around text

12. Other HTML Tags Break -- puts a break at the end of the line instead of a space creates an extra space; use to fill a cell in the table; use to give extra spaces between words or links use this to give information; will not appear in the html document Tag -- goes within the head tags; sample uses -- gives info about author & program that was used to create file, can give info to robot such as topic info (keywords) or redirect

13. So Why Do I HAVE to Know This?