Guess what? This page is just for you so you can learn html by heart! Well, lets get started then. Oh and by the way, I copied this from a website so you can just print this page after your done reading it. So good luck and just ask me if you have any questions!
The Beginnings of a Webpage
Ahh, what better place to start than the very first step of creating a website page. I'm going to create this page with the mindset that the viewer will be using the program Notepad to create their page. Not sure where that program is? Most computers have it installed. Just click your START button, select RUN..., and type in NOTEPAD. It should open the program right up.
Now, it is good to note that there are many different programs available out there to create and edit webpages. Notepad is probably the simplist program to use out there. It also required a little more knowledge of HTML as you will have nothing to assist you except for your knownledge. (And possibly this guide.)
Back to the business of helping a beginner learn how to create a webpage... After you have Notepad open, save the file as (for the sake of this tutorial) NEW_PAGE.html Be sure to remember where you saved this file so you can find it for future tutorials and for viewing purposes later. If you ever wish to view what you have coded, all you have to do is double click the file for it to open in your default web browser.
Now that you have your file saved, copy and paste the following into your opened/saved notepad file. This will be the foundation of almost any simple HTML web page.
New Page 1
What does this mean?
You might be asking yourself that very question. Here are simple explainations to answer your possible questions.
What is a tag?
A tag is anything that is something that looks like this:
What is an open tag and a close tag?
As you can see in the foundation code above, there are two tags of the same type for each tag. For example, the code begins with a tag. This is the "open" tag. At the end of the example code, there is a tag. The open tag is very similar to the close tag. The only difference is that the close tag has an "/" in front of the text. The "/" indicates that it is closing the tag that was started somewhere else on the page.
What do the tags in the foundation example do?
& tags = These tags open and close many web page files.
& tags = This portion of the code is what will contain your title tags/information and many scriptings from javascript to CSS.
& tags = This is what the browser titlebar will display. If you look at the top of your browser window, it should say "NuthinButNet.Net // You want to make it online. We want to show you how." If you were to view the foundation's page title, it would say "New Page 1" at the top of the browser. Feel free to change your title to whatever you wish for your browser to say.
& tags = This is where you place the content you want people to see. Right now the foundation code contains nothing. If you were to view your file now, it would be a blank screen.
What does this mean?
You might be asking yourself that very question. Here are simple explainations to answer your possible questions.
What is a tag?
A tag is anything that is something that looks like this:
What is an open tag and a close tag?
As you can see in the foundation code above, there are two tags of the same type for each tag. For example, the code begins with a tag. This is the "open" tag. At the end of the example code, there is a tag. The open tag is very similar to the close tag. The only difference is that the close tag has an "/" in front of the text. The "/" indicates that it is closing the tag that was started somewhere else on the page.
What do the tags in the foundation example do?
& tags = These tags open and close many web page files.
& tags = This portion of the code is what will contain your title tags/information and many scriptings from javascript to CSS.