HTML CODES

Text Tags
all tags have opening and closing tags where shown
when not shown no closing tag is needed


Font size

<font size=5>font size</font>
use numbers such as: +6 through +1 and -1 through -6 which makes the font 1-6 sizes bigger or smaller

Color

<font color=red>font color</font>
or
<font color=#FF0000>red</font>

Changing the appearance of text

<font face=arial>arial font face</font>
changes the font styles/faces just change the name
 

Bold

<B>Bold Text</B>

Italics

<I>italics</I>

Centering

<center>centers text on the page</center>

Paragraph Formatting

is done by using this: <P ALIGN="right">Text in here is pushed to the right</P>
of course you can align to the left as well with this same command or center it

Block style

 <block>blockquote cleans up your edges, makes your text move smoothly,
and has a dramatic effect on a page</block>

Dividing Lines

<hr> is to put in dividing lines



you can change the size of the line as well
<hr size=10 width=200>


you can use align left, right or center here as an attribute, size, width and noshade
by default the line is centered with no shading and 100% across the page unless you change these
Line Break

<br> is a line break

Paragraph Break

<p> is a paragragh break

Blinking Text

<blink>blinking text</blink>

Underline

<u>underline</u>

Typetext

<tt>typetext</tt>

Strikethrough

<strike>strikethrough </strike>

Sinking Text

si<sub>nk<sub>in<sub>g </sub></sub></sub>

Rising Text

st<sup>an<sup>di<sup>ng
</sup></sup></sup>


 

Link and Image Tags


Posting links

<a href=
"http://soiuser.hyperchat.com/mistie/kalicove3.jpg"
>kalicove</a>

Posting Images

<img src="http://address.here">

will post the image to the page

Image Aligning

align Top:
would mean to align the top of the image with the line..

align bottom:
would mean to align the bottom of the image with the line..

and align center:
would mean to have the line pass through the center of the image.

<center><img src="http://address.here" ALIGN="center"></center>

Using Images as links

<a href="http://link address.here">
<img src=http://image address.here></a>

by placing the tag to show an image in the middle of a link tag you make that image an active link that can be clicked on
 

Resizing Images
 

<img src=http://address.here height=115 width=81>

by adjusting the height and width you can make it any size

Posting Images with borders
 

<img src="http.address.here" border=X>

X= the side of the border, the smaller the number the thinner the border

Aligning Text With Images

Here are the formats:

<IMG ALIGN="top" SRC="http://image address"> text text text

<IMG ALIGN="middle" SRC="http://image address"> text text text

<IMG ALIGN="bottom" SRC="http://image address"> text text text
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
top, middle, and bottom attributes only allows for one line of text 
If you want text to wrap around the image, use ALIGN="left" or ALIGN="right" 


 

Lists


Unordered List

means bullets will be used rather than numbers

<UL>
<LI>they present information in an easy fashion.
<LI>the bullets look cool.
<LI>they make this girl happy.
</UL>

The TYPE attribute can be used to set the bullet style on UL and LI tags.
The permitted values are "disc", "square" or "circle".

with <li type=disc>

with <li type=square>
with <li type=circle>
Ordered Lists

<OL>
<LI>List Item 1
<LI>List Item 2
<LI>List Item 3
</OL>

  1. List Item 1
  2. List Item 2
  3. List Item 3
roman numerals:
<OL TYPE="I">
<LI>List Item 1
<LI>List Item 2
<LI>List Item 3
</OL>
  1. List Item 1
  2. List Item 2
  3. List Item 3
Ordered list types: (you would replace the "I" above with whatever type you desired below
1  - Arabic numbers - 1, 2, 3, ...
a - lower alpha - a, b, c, ...
A - upper alpha - A, B, C, ...
i  - lower roman - i, ii, iii, ...
I - upper roman - I, II, III, ...
 

 

Definition lists

<DL>
<DT>Term 1<dd>This is the definition of the first term.
<DT>Term 2<dd>This is the definition of the second term.
</DL>


 

Forms


Mail To: Form

<a href="mailto:email addy">email addy</a>

when you click on this form link you can directly email this person

Drop Down boxes forms

 there is a large selection of things you can do with them

This example is only one way of many
you can add extra html tags to if you want, for font color, bold, etc

<form action ="http://addy" method="post">
Choose a room:
<input type="hidden" name="vqvaa" value="directory">
<select name="vqxfi">
<option value=larltarn>The Larl and Tarn Tavern
<option value=nightlib>Library La Luna
<option value=athos@gor>Upon the pages of
<option value=ships>The Silver Ships Hall
<option value=slknlthr>The Silk n' Leather Tavern
<option value=greenca>The Green Caste Inn
</select>
<br>
Enter a handle and hit the button:
<br>
<input type="text" size=16 name="vqxus" value="Visitor">
<input type="submit" name="vqvai" value="I Am Over 18">
</form>

Hosted by www.Geocities.ws

1