Activity 1 - Make your own webpage

Before going through the following steps, create a project folder on your desktop. As you move through the following instructions, add a new line after each instruction.

1. open notepad, textEdit or whichever text editor you prefer
2. type the less than symbol, !DOCTYPE html, and the greater than symbol
3. type the less than symbol, h t m l, and the greater than symbol
4. type the less than symbol, h e a d, and the greater than symbol
5. type the less than symbol, t i t l e, and the greater than symbol
6. type in whatever you want your page's title to be. You could call it "My Page!" or "Welcome!" have fun with it.
7. type the less than symbol, slash, t i t l e, and the greater than symbol
8. type the less than symbol, slash, h e a d, and the greater than symbol
9. type the less than symbol, b o d y, and the greater than symbol
10. type the less than symbol, p, and the greater than symbol
11. Here's where you can type in whatever you want in your page. "Hello, my name is ... " or "Welcome to my amazing website" could be starting text.
12. When you're done with your content, type the less than symbol, slash, p, and the greater than symbol
13. type the less than symbol, slash, b o d y, and the greater than symbol
14. type the less than symbol, slash, h t m l, and the greater than symbol
15. Save your file to your project folder. When you save it, navigate to the "Save as All files" option, and name your file index.html
16. Open a browser of your choice and from the File menu, choose open (or press control and O at the same time).
17. Navigate to the index.html file you just saved. The browser should open the file as a webpage!

If you feel ready, you can start adding additional elements from our new element glossary!