BASIC HTML
Welcome to Basic HTML! Are you TIRED of always having to ask your friends to help you with your Email Signature? Cant always find Exactly what you want at all these Premade Sigg Sites? Are you creative enough to Hunt down and put together what YOU want in your signature box? Then come on in, pull up a cup of coffee and we'll get started. Basic HTML is EASY! Just takes a little practice and then you are a Pro!
Lets start with the Basics. First things First: ..........A cup of coffee!
Alrighty! Now we are ready to begin.....
First things First
For basic HTML you will need a BLANK page.
( If you are doing a mail sigg you can just work in your Settings Box. ) But if you are old like me, you might prefer a worktable..LOL.
All Html codes Must have an opening, and a closing. You will only need one opening and closing for each page or code that you do. At the VERY top of the code, you will need to begin like this:
<html>
Now, we have opened our code. The next thing you will need is a background color. If you do not have a color selected, you may look Here. I usually prefer black.
Now our code looks like this:
<Html>
<body bgcolor="Black">
Now you have a black screen. Next we will want to pick out a Text color and add it to our code making it look like this:
<HTML>
<body bgcolor="black" text="oldlace">
IMAGES
See how easy? Now that we have our background and text, we will want to add an image:
<Html>
<body bgcolor="black" text="oldlace">
<img src="URL OF IMAGE">
Depending what you are working on, you might need your image to be larger or smaller...so you can either take a trip over to Gifworks, or
MyImager.........Or you can learn to size the image yourself like this:
<Html>
<body bgcolor="black" text="oldlace">
<img src="URL OF IMAGE" height="120"
width="80">
Now, You always want your images to look arranged and neatly done....so next we will learn to center. Remember, in Html codes, you MUST close everything that you open. The forward slash represents a closing mark.
Now our code should look like this:
<Html>
<body bgcolor="black" text="oldlace">
<center><img src="URL OF IMAGE" height="120"
width="80"></center>
Now what if we want TWO images...one on the left and one on the right....? We just might need more of that coffee for this.
<Html>
<body bgcolor="black" text="oldlace">
<img src="URL OF IMAGE" height="120"
width="80" align="left">
<img src="URL OF IMAGE" height="120"
width="80" align="right">
How did you do? See how easy and fun the basics of HTML codes can be? As I said, we must remember to CLOSE everything that we have opened, so the finished code should look like this:
<Html>
<body bgcolor="black" text="oldlace">
<img src="URL OF IMAGE" height="120"
width="80" align="left">
<img src="URL OF IMAGE" height="120"
width="80" align="right">
</body>
</HTML>
New Additions
The LAIR is now offering additional pages of HMTL basics! Below are the links to Tutorials on Copy and Paste, as well as a New Music page, which includes the basic Audioscope. Make yourself at home, and check back often as we will always be adding......and thank you for your visit...
LAIR
The Art of Copy
Sounds of the Web
Lair Index