HTML CODES

Here are some simple codes to create a HTML. Good Luck

The top of your HTML codes:

< HTML >
< HEAD >
< TITLE > HTML CODES < /TITLE >
< /HEAD >

< body bgcolor="#ffffff" background= " filename. jpg " text= "#000000" link=" #0000bf" vlink= "#bf0000" >


That will give you: White screen until your background (jpg or gif) is loaded, with Black text. Your link will be dark blue and your viewed link will be dark red. (you can change the colors to what you like)


For the title of your page if you type this:
< center > < h1> title < /h1 >< /center >
You will get this:

title

< h1 >This is h1 < /h1 >


< h2 >This is h2< /h2 >


< h3 >This is h3< /h3 >


< h4 >This is h4< /h4 >


< h5 >This is h5< /h5 >

< h6 >This is h6< /h6 >


Here are some samples of base size text. These are the sizes you will use in writing your HTML page. Most use 3 or 4:

< basefont size=6 >
< basefont size=5 >
< basefont size=4 >
< basefont size=3 >
< basefont size=2 >


If you want something bold you type: < B > this is bold print < /b >.

If you want to underline you type: < U >this is to underline< /U >

If you want to use italics you type: < I >this is italics< /i >

You can also do a combo of all:

< B >< U >< I >Bold, italics and underlined < /B >< /U >< /I >.


C O L O R S
You can change the color of your text. If you have a dark background..you should use a light color text. Or if you have a pale background you can pick a darker color. Here are some examples and codings of different colors. (remember there are many more colors then what I am showing).

< FONT COLOR="#007700" >GREEN COLOR
< FONT COLOR="#000088" >DEEP BLUE COLOR
< FONT COLOR="#804040" >RED/BROWN COLOR
< FONT COLOR="#FF1CAE" >SPICY PINK COLOR
< FONT COLOR="#871F78" >DEEP PURPLE COLOR
< FONT COLOR="#330099" >DEEP BLUE COLOR
< FONT COLOR="#550000" >BROWN COLOR
< FONT COLOR="#990000" >BROWN COLOR
< FONT COLOR="#CCCC00" >YELLOW COLOR
< FONT COLOR="#BB0000" >RED COLOR

Here are the SAME colors, only using a < B > (bold) coding:

< B >

< FONT COLOR="#007700" >GREEN COLOR
< FONT COLOR="#000088" >DEEP BLUE COLOR
< FONT COLOR="#804040" >RED/BROWN COLOR
< FONT COLOR="#FF1CAE" >SPICY PINK COLOR
< FONT COLOR="#871F78" >DEEP PURPLE COLOR
< FONT COLOR="#330099" >DEEP BLUE COLOR
< FONT COLOR="#550000" >BROWN COLOR
< FONT COLOR="#990000" >BROWN COLOR
< FONT COLOR="#CCCC00" >YELLOW COLOR
< FONT COLOR="#BB0000" >RED COLOR

< /B >


HORIZONTAL LINES:

Plain lines are done using a < HR > tag. When you type in < HR > the default will be the full width of your screen. If you want to change the default follow the examples below:

< hr size=10 align=left noshade width=25% > will give you:


< hr size=5 align=left noshade width=25% > will give you:


< hr align=center noshade width=25% > will give you:


< hr align=center width=25% > will give you:



LISTING THINGS WITH NUMBERS:

To create an Order List you need to use < ol > tags.

< ol >
< li >number one
< li >number two
< li >number three
< /ol >

Your list will look like this:

  1. number one
  2. number two
  3. number three



Headings with indents:

Topic
Learning HTML codings
Simple Steps
Simple steps are the best

To create the above topics, follow these steps:

< dl >
< dt >Topic
< dd >Learning HTML codings
< dt >Simple Steps
< dd >Simple steps are the best
< /dl >


Breaks and Paragraphs:

For a cause a break in the line you type < BR >
And the next line will print.

If you want to create a new paragraph you type < P >

And it will skip a line (leaving it blank) and start a new line.


TO MAKE THINGS BLINK:

Before I explain Blinking remember at times too many things blinking can drive someone NUTS.

You type < blink >word to blink < /blink >.


Create a link:

To create a link to another page or to another person's page you type:

< a href="http://www.comapnyname.net" >Click Here < /a > for my home page.

Click here for my home page


Putting icons/gif/graphics on your page:

First, make sure you have them uploaded into your file manager (it isn't nice to use someone's gifs and link to THEIR site).

Your coding is < img src=name.gif" height=60 width=60 alt="angel" >

angel"

If you want your gif to be in the center of your page, you type:
< CENTER > < img src=name.gif" height=60 width=60 alt="angel" > < /CENTER >

angel"


Create a mailto:

< a href="mailto:Puddy@shadow.net" >Puddy@shadow.net< /a > Puddy@shadow.net


Remember before you end your page you must close your body and html tags that you opened when you started your page.

< /BODY >
< /HTML >


All of these are simple coding to get you started. If you need more information or have any question..Please e-mail puddy@speakeasy.net and I will try to help.


Return to my home page
Learning Center
Holiday Village


1