DFN Weekly Page 5

Basic HTML
for Basic page building
Newbie Project Of the Week

Voltar

This Weeks NPOW will walk you thru making a basic simple page in nothing but pure HTML code. Once you do this project and follow along, you will find that HTML is very easy and fast to use. For terms and definitions of page elements, see the past projects labeled Free Site Basics and TGP Gallery Basics And remember this project *IS* the bare basics..

We start off by opening a pure text editor. Forget all the fancy stuff, and programs. They are not needed here. I suggest you use the NotePad program that comes with Windows and is on most computers. If you're using a Mac, do yourself a favor and upgrade to a real computer, I don't support fruit in these newbie projects. Over 90% of your surfers won't be using it either, so build for the most traffic. Some things may work differently for you.

First command in is last command out.
Every web page has a basic layout that must be followed. First command in is last command out. Commands are inside of the greater than ">" and lesser than "<" symbols. To shut off a command you place a "/" in front of the command word or phrase. Basically when you turn on a command(s), you must turn them off in reverse order. You tell the browser that the page is a HTML page. At the End of the Page you tell the browser that the HTML page has ended. Everything goes inside of these tags, put them on your page like this...

<HTML> </HTML> You tell the browser that you have a HEADer on that page. You tell the browser to shut off the HEADer on that page.

<HTML> <HEAD> </HEAD> </HTML> Inside the HEAD tags you tell the browser that you have a TITLE for that page. Inside the HEAD tags you tell the browser to shut off the TITLE for that page, lets call the TITLE of this page "My First HTML made page"

<HTML> <HEAD> <TITLE>My First HTML made Page</TITLE> </HEAD> </HTML> Inside the HEAD tags is where you also place your META tags and Javascripts, but we won't go into those for this basic page.

Now we add the BODY tag (everything you see on a web page you see from inside the BODY tags). Now we shut off the BODY tag right before the HTML is shut off.

<HTML> <HEAD> <TITLE>My First HTML made Page</TITLE> </HEAD> <BODY> </BODY> </HTML> What you now have is the raw basic elements for almost all web pages. They all begin with these things in common.

Now lets add some simple items that you will use all the time. Follow along and make this page with me, by doing you learn.

Take the raw page we have and lets add color.
In the BODY tag itself you tell the page
what background color will be: bgcolor=""
what default color the text will be: text=""
what default color a link will be: link=""
what default color a visited link will be: vlink=""

Lets make the Page white, black text, red links, and blue visited links. You can use Hex code for the colors or the actual color names if you don't know the codes. Here is our page with the colors added:

<HTML> <HEAD> <TITLE>My First HTML made Page</TITLE> </HEAD> <BODY bgcolor="#FFFFFF" text="#000000" link="#FF0000" vlink="#0000FF"> </BODY> </HTML> Now, lets center your page name in big Headline text at the top of the page. CENTER then turn on the headline and size, place in the text, shut down the headline command, then shutdown the center commmand. Then use a BR tag to place a page break. Think of is as a carriage return on an old fashioned typewritter.

Have you checked out
the sponsors of the DFN Weekly yet?
Well what are you waiting for?
Check them out NOW!

Basic HTMLfor Basic page buildingNewbie Project Of the Week

Voltar

Basic HTML
for Basic page building
Newbie Project Of the Week