by ~~ Redondoguy ~~




Links Marquees UnOrdered Lists
Ordered Lists Image Attributes Test Bed


Links

Here is an example of a link using text.

"Click Here"

Here is the code:


Here is a link using an Image

Here is the code:

Simply replace the URLs with your own choices


Internal Links

When you "click" on this link you will go to another place on the "Same" page. Try it!

Click Here

This is a "Two Part" Code

The First part is HERE where you "Click"

The Second Part will be waiting for you when you get there


Marquees

This Is A Basic Marquee

This is the code:

<<>marquee>This Is A Basic Marquee
<<>/marquee>

We will demonstrate Six Attributes you may place inside the opening tag

The codes are placed like this:

<<>marquee behavior="put the attribute here">Here Goes Your Text<<>/marquee>

Marquee Attributes

  • Behavior
  • Direction
  • Scrolldelay
  • Scrollamount
  • Background Color
  • Height And Width

<<>marquee behavior="slide">
This Marquee Will Slide And Then Stop

<<>marquee behavior="alternate">
This Marquee Bounces From Side To Side

<<>marquee behavior="scroll">
This Marquee Will Scroll In One Direction

<<>marquee direction="right">
This Marquee Will Scroll Towards The Right

Scrolldelay Tells The Marquee How Slow To Go
<<>marquee scrolldelay="50">
This Has A Scrolldelay of "50"

Scrollamount Tells The Marquee How Fast To Go
<<>marquee scrollamount="7">
This is scrollamount="7"

This is scrollamount="30"

The attribute bgcolor= changes the background color of the Marquee

This Has bgcolor="yellow"

This has bgcolor="aqua"

Height And Width Attributes

<<>marquee bgcolor="yellow" height="100" width="100">
Will look like this:
I'm A Real Square...TeeHee!!

<<>marquee bgcolor="lime" height="3" width="400">
Will look like this:
I'm very thin...TeeHee

Lists

Unordered Lists <<>UL>

Here is A Bullet List

  • Apples
  • Oranges
  • Pears

Here is the code for a bullet list:

<<>UL>
<<>LI>Apples
<<>LI>Oranges
<<>LI>Pears
<<>/LI>
<<>/UL>

Here Is A Squared List

  • Apples
  • Oranges
  • Pears

Here is the code for a square list:

<<>UL type=square>
<<>LI>Apples
<<>LI>Oranges
<<>LI>Pears
<<>/LI>
<<>/UL>

Ordered Lists <<>OL>

Here is A Numbered List

  1. Lions
  2. Tigers
  3. Bears

Here is the code for a Numbered List:

<<>OL>
<<>LI>Lions
<<>LI>Tigers
<<>LI>Bears
<<>/LI>
<<>/OL>

Here Is An Upper Case Alphabet List

  1. Lions
  2. Tigers
  3. Bears

Here is the code for an Upper Case Alphabet List:

<<>OL type=A>
<<>LI>Lions
<<>LI>Tigers
<<>LI>Bears
<<>/LI>
<<>/OL>

Here Is A Lower Case Alphabet List

  1. Lions
  2. Tigers
  3. Bears

Here is the code for a Lower Case Alphabet List:

<<>OL type=a>
<<>LI>Lions
<<>LI>Tigers
<<>LI>Bears
<<>/LI>
<<>/OL>



Image Attributes

Simply put. All Images should have attributes for:

  • Width
  • Height
  • Border

Here are some examples:


The Code Is <<>img src="buttongold.gif">


The Code Is <<>img src="buttongold.gif" width="96" height="27" border="0"> These are also the "Actual" dimensions for this image.


The Code Is <<>img src="buttongold.gif" width="300 height="10" border="0">

Now let's give the border some dimension:


The code is <<>img src="buttongold.gif" width="96" height="27" border="5">


The code is <<>img src="buttongold.gif" width="96" height="27" border ="10">





TESTBED


Tool Shed Page 1

Tool Shed Page 2

Tool Shed Page 3

Tool Shed Page 4








Here's "Part Two" of the Internal Link Code.
Place this where you want the link to take you:

Now let's go back to where we left off.

Going Up!!







        

CopyrightŠ 2000-2001 Redondoguy's Resort, All Rights Reserved