|
The BasicsEvery page beings with certain tags and it defines the diffrent portions of a page. It is the basic structure of the page and every page needs this structure, it's the backbone that holds the page together. Below is what every page needs:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html> <head> <title>Your Page Title</title>
</head>
Your page content, everything that you want to show on your page goes here!
</body>
*NOTE* that these tags have ending tags too and that the tag in the top with the !DOCTYPE should always be in capitals because it tells the browser that it's HTML in the file and it is a general rule. <html> </html> the <html> tag is where the html will begin, and it is necessary in order for HTML to be valid. <head> </head> this is where the title of the page goes and your css (style). Never ever put any text that you want to show up on your page in the head section.
<title> </title> you write the name of the page in-between the codes and that's the name that will appear on the top of the browser. Below is a picture of where it
appears if you don't really have a clue. So it is the title of our website and if you look at the left top corner of the browser you'll be able to identify it. Also when someone saves
your page to their bookmark/favorites, it saves as the title.
 <body> </body> it's where everything that you want to showup on your page goes, so everything that you see on this page is all in our body. The name is very straigt forward, it's just the body of the page just like the body of an essay or a paragraph. So now that you understand HTML a bit more, we will try to make a simple page. We will use the codes below.
<html>
<head> <title>My First Page</title>
</head>
Welcome to my first page that was made using HTML. Thank you for visiting my page.
</body>
So the outcome of these codes would be (please click on demo and a new page will pop up):
 So you can view all the elements and pay close attention to the title and the content on the page. You can add to the body section and all the tables, frames, etc. goes there. Stuff like css (cascading style sheets) goes in-between the head tags. |