Make your own free website on Tripod.com

 
Home
Backgrounds
Buttons & Bars
Celestial
Fantasy
Fire
Fleurs & Knots
Floral
Medieval
Miscellaneous
Originals
People
Requests
Sets
Tutorial
E-mail

A Couple of HTML Tricks

I started building webpages back in 1999 when I first got WebTV (Now, MSNTV). Over the last couple years, I have learned a few tricks, and now, I'm going share them with you.

Firstly... all those bordered backgrounds... they are beautiful, but how do you keep text and images from running over where they mess up the beauty of your page? Well, it's actually much easier than I thought it would be. I like to call it the "UL" code. (note: I found out what "UL" stands for. It means "unordered list," and actually just tabs stuff in. Interesting what you find out, isn't it? You learn something every day!)

This is what your code should look like:

<html>
<body bgcolor="#code"
text="#code"
link="#code"
vlink="#code">
<body background="http://URL of background">
<UL>
<UL>

That's it! If you have a wider border, simply add two more "ULs".

Don't forget to shut off your <UL> Code! Right before your </html> type in </UL> as many times as your used them at the top of your page.

If your images look too big or too small, you can also resize them without doing anything special. Here's how:

Type in your <img src= code like below:

<img src="http://gaelicgirl.tripod.com/misc/sneeze.gif" height="100" width="80">

That's it! You can type any numbers you want in there, within reason, of course! (Computer and TV screens are only so many pixels big!)

Oh, do you like the FORM box I used for the HTML code above? It's really easy to do. Here's the code to do it:

<FORM>
<TEXTAREA COLS="30" ROWS="5">
ALL TEXT GOES HERE
</TEXTAREA>
</FORM>

And that is how it's done.

Here's another trick: Ever have some text that needs to be separated, but not by a paragraph space? Here's one way that makes poems and other short sentences that need to go together look great!

At the beginning of the paragraph that needs help, type the following:

<P>
<DL>
<DT> Roses are red, </DT>
<DT> Violets are blue </DT>
<DT> There are some things </DT>
<DT> You can't un-do </DT>
</DL>

And that is all!

Also, if you ever find a need to show your HTML code, like I have on this page, you WILL need to know the following info: To make the "greater than" and "lesser than" signs show up on your page without them actually going into effect, use these:

And that is that!

Well, that's all I can think of for now. If you have questions about anything HTML-related, simply e-mail me, and I'll do my best to help.