This is a very simple code, and quite useful! It's purpose is to organize and number a list for you, or just simply to indent and bullet a list of text. It sounds a lot more complicated than it is. For example:
<OL>
<LI>
Will cause a numbered list to appear. Add an <LI> tag wherever you want the next number to go. (If, later on, you delete an item from the list, the numbers will update automaticly when you save and reload.)
Here's an example of an ordered list:
<OL>
<LI> First Item
<LI> Second Item
<LI> And so on...
</OL>
Will appear as:
- First Item
- Second Item
- And so on...
!(When you are done numbering, you must add the </OL> code)!
To make Bullets appear instead of numbers, use the tag <UL> instead of <OL>
Variations:
- To use Roman Numerals use this code: <OL TYPE="I">
- Lower Case Roman Numerals: <OL TYPE="i">
- Square Bullets: <UL TYPE="square">
- Clear Circle Bullets <UL TYPE="circle">
This is a silly code, but if you want a fast loading page, it works well as a page divider in place of an image or a lot of empty space. It's this simple:
That's it. That code will insert a thin line exactly where you place the code:
That code is acceptable to all browsers. You can add additional codes to the ruler to change it's color and size, but not all browsers will recognize the codes. Using the extra codes won't hurt anything, however. For the most part, the incompatible browser will simply ignore the extra codes. To change the size add a size number to the code. The bigger the number, the bigger the ruler:
<HR SIZE="5">
To change the color add a color code:
<HR COLOR="#000000">
or combine both codes:
<HR SIZE="5" COLOR="#000000">>
The strange thing about HTML is you need codes for Everything. If you want more than a single space somewhere, just hitting the spacebar a few times won't do a thing. It'll show up in the text editor, sure...but not on the browser. So, here are two simple codes to tell the browser how much space to put between images, or ahead of your text.
To add a single space use this code: & nbsp; (don't TYPE any spaces between the & and the n, I just added a space so the code would show up for you to see) You DON'T need tags for this code, In fact, if you put tags around it, it won't work. Weird, I know.
Another way to put space around your text and make it stand out is the <BLOCKQUOTE> code: This will separate all the text within it's tags into it's own indented area:
A plain, solid color background is a fast loading way to spruce up your page without using any of your file space, but you may decide you want something a little more textured or different. Many people use images as their backgrounds. Any size image will work, but a small image will load faster, and the browser will automatically tile it until it fills the page. Most browsers will support .gif and .jpg images, so try to stick with them. (You will also want to adjust your text and link colors so that they show up well against your new back ground.)
It's actually very easy, you just need to make a slight change to your body tag to call up the image background (you also need to make sure the image is uploaded to your homepages file space). Now, watch how easy it is; here's the code:
Change the part of your body tag that reads <BODY BGCOLOR= to eg: <BODY BACKGROUND="pebbles.gif" TEXT="#2F2F4F" LINK="#856363" VLINK="#856363">
told you it was easy
Another very simple code. If you want your text to scroll across the page just add this tag:
<MARQUEE>
eg: <MARQUEE>Check back soon for more codes</MARQUEE>
will look like:
Note: This code DOES NOT work with Netscape browsers, but that shouldn't stop you from using it. Just put center tags around the text.
eg: <MARQUEE><CENTER>Check back soon for more codes</CENTER></MARQUEE>
That way if someone wtih a Netscape browser views it they will see:
This code only works with Netscape browsers, but don't let that stop you from using it. If you want your text to blink just add this tag.
<BLINK>
Heh. You can't get much easier than that. Here's an example:
<BLINK></BLINK>
Now, just for good measure, you might want to add some BOLD tags for us poor saps who have Internet Explorer browsers and can't see the text blinking.
eg: <B><BLINK></BLINK></B>
Back to
Created using WordPad by ~Marie
<HR>
Repeat that simple little code for each space you want to add.
<BLOCKQUOTE>
I want everything in this area to be indented so it will stand out. This is great for quotes, lists, and/or examples. Everything I type here will be indented and kept in this area until I add an </BLOCKQUOTE> tag. Maybe now would be a good time to do that. I am running out of things to say here......
</BLOCKQUOTE>
<BODY BACKGROUND="imagename"
