Dragon Mage Graphics
HTML From Scratch

Okay, these are the requirements for your use of this HTML tutorial:

  1. Notepad, Simple Text, or any other program you have that allows you to save .txt files. If you have a Windows, you should have Notepad. If you have a Mac, you should have Simple Text.
  2. Patience. You'll need it.
  3. If you DON'T have Simple Text or Notepad, but you DO have a webpage already, open up a new window and an Advanced HTML Editor.

That's all. Do me a favor and read the text between the examples...I don't think the examples will be enough. All the informaiton that is in red is changable.

<html>
<head> <title> welcome </title> </head>
<body>

</body>
</html>

This is the bare minimum for any page. The <title> area is when the browser gets the Title Bar's Message from. For instance, look at the top of your screen. It should read "Dragon Mage Graphics" because that is what I have between my <title> tags.

<html>
<head> <title> welcome </title> </head>
<body bgcolor="#000000" text="#FFFFFF" link="#0000ff" vlink="#FF0000" alink="#FFFFFF">

</body>
</html>

Several tags have been added to the <body> tag. These will be the colors of the site. Below is a chart of what each of the additions mean:

Addition
Meaning
bgcolor
Background Color
text
Text Color
link
Link Color
alink
Actived Link Color
vlink
Visited Link Color

You can change the colors I have used, but please use hex codes to do so. Need hex color codes? Check out Doug's Codes. If you use words (eg "black" or "blue") some computers might read a different color. I don't know why.

Now you have the bare basics of a web page. If you open it up on web browser, you will have just a background and a title. If you are looking to add more, go on to the next stage.

On to the Next Step.
Back to HTML Help.
Back to Dragon Mage Graphics.


© drago. Please do not remove anything from this page. The backgrounds are offered in the free graphics sections.