1. Using HTML to Create a Basic Web Page… By Josh Gallagan

2. How do web pages work?

4. The method behind the madness…  www.yahoo.com www.yahoo.com Why do you need to learn HTML…  Foundation of web design  Everyone is doing it…The way things are going.

5. What is HTML?   HTML stands for Hyper Text Markup Language   HTML is the "hidden" code that helps us communicate with others on the World Wide Web (WWW).

6. History of HTML   HTML stands for HyperText Markup Language. Developed by scientist Tim Berners-Lee in 1990.   Is a descendant of SGML or Standard Generalized Markup Language which was a descendant of IBMs GML.   In 2000 HTML became an international standard for web documents.

7. History of HTML  The latest version of HTML is 4.01.  The World Wide Web Consortium or W3C sets these standards.  XHTML 1.0 or Extensible HTML has worked its way alongside HTML.  The future is unknown, but HTML 5.0 and XHTML 5.0 are expected to be released in the near future.

8. How Does HTML Work   An HTML file is a text file containing small markup tags or container tags.   The markup tags tell the Web browser how to display the page   An HTML file must have an htm or html file extension   An HTML file can be created using a simple text editor like Notepad or Word.

9. Markup Tags  HTML tags are used to mark-up HTML elements  HTML tags are surrounded by the two characters  HTML tags are surrounded by the two characters  The surrounding characters are called angle brackets  HTML tags normally come in pairs like and  HTML tags normally come in pairs like and  The first tag in a pair is the open tag, the second tag is the closing tag.  The text between the start and end tags is the element content  HTML tags are not case sensitive, means the same as  HTML tags are not case sensitive, means the same as  There are many HTML markup tags

10. The 8 Elements of a Webpage 1. - Opening HTML tag 2. - Opening head tag 3. Title of page - Title tags 4. - Closing head tag 5. - Opening body tag 6. This is my first homepage. - Content 7. - Closing body tag 8. - Closing html tag

11. A Basic Web Document Structure Title of page Title of page This is my first homepage. This is my first homepage.

12. Your Turn  Now you practice by creating your own web page using HTML.  Follow the instructions on the handout to create your webpage.

13. Instructions  Open Notepad.  Type the HTML into Notepad.  Save the document as index.html  You can save it right on your desktop.  After you have saved the document, open it up in Internet Explorer.  You should be able to see your webpage.

14. View Source Code  Once you have opened your file using Internet Explorer, right mouse click anywhere on the webpage. When the menu pops up select>View Page Source.  This will allow you to edit your code or you can also check the code of another website.

15. More Markup Tags  Adding Bold Text  Adding Bold Text  Centering Text  Centering Text  Horizontal Rule no end tag needed  Add vertical space or a break no end tag needed  Hyperlink Ella’s Page  Hyperlink Ella’s Page

16. Adding Bold Text  Title of page  Title of page This is my first homepage. This is my first homepage.

17. Centering Text Title of page This is my first homepage. Title of page This is my first homepage.

18. Adding a Horizontal Rule Title of page Title of page This is my first homepage. This is my first homepage.

19. Adding Vertical Space Title of page This is my first homepage. Title of page This is my first homepage.

20. Adding a Hyperlink Title of page This is my first homepage. Ella’s Page Title of page This is my first homepage. Ella’s Page

21. Review Activity 10 pts.

22. Where To Go From Here  www.w3schools.com www.w3schools.com  www.htmlgoodies.com www.htmlgoodies.com  www.yourhtmlsource.com www.yourhtmlsource.com  www.htmlquick.com www.htmlquick.com WYSIWYGs