Click Here To Browse In Flash
Main Menu
Click Here Home
Click Here Know Your Body
Click Here Audio Songs
Click Here Best Sites
Click Here The Black Man
Click Here Selected Pics
Click Here Serious Trouble
Click Here An ISP Survey
Click Here Games Lovers
Click Here Net Assistance
Click Here Search Engines
Click Here Converters
Click Here Free GIFs
Click Here HTML Guide
Click Here My Country

 

This Web Site is basically an interactive work in macromedia Flash 5.0. If you want to see this interactivity,
Please Click Here

HTML Guide

That page is for New Web user who want to make there own site. So I have put some simple HTML Codes for you.... Enjoy!

Java scripts coming soon !
HTML CODES UNDER "A"

Aligning Text



Aligning text is very useful in building webpages
Code below:

<div align="PUT IN HERE WHERE YOU WANT TO ALIGN TEXT">
Use </div>to end the aligned text.
NOTE: Text will always be aligned left
by defult.

If you want to align the text left put:
left
If you want to align the text center put:
center
If you want to align the right put:
right


The HTML code for left, center, and then right
would look llike this:



Other ways to align text:

to center text you can use<center>TEXT IN HERE</center>
DEMO:
THIS TEXT IS ALIGNED LEFT

THIS TEXT IS ALIGNED CENTER

THIS TEXT IS ALIGNED RIGHT
 

 

HTML CODES UNDER "B"

Bulleted Lists



Unordered Lists(Bulleted Lists)



An unordered list(or Bulleted list more commenly- known) is 1 of 3 lists you can create with
HTML. This list uses bullets to mark a list.
Code below:

Use<ul> to start the unordered list and
</ul> to end it. For each "bullet" such as
this:
use the HTML code <ul> <li>

An example of what a list would look like
is this:

<ul> <li>sentence 1 <li>sentence 2 <li>sentence 3 </ul>
Look at the demo. to see what the above
code would look like.

DEMO:
  • sentence 1
  • sentence 2
  • sentence 3
 
HTML CODES UNDER "C"

 

HTML CODES UNDER "D"

 

HTML CODES UNDER "E"
  

e-Mail Link


To Make A E-mail address hyper text, Use the code below:

</a><A HREF="mailto:E-MAIL ADDRESS">CLICKABLE TEXT</A>

It Will Look Something Like This:

<a HREF="mailto:decentman007@hotmail.com">Click Here To E-mail Me</a>

DEMO:

Click Here To E-mail Me

 


 
HTML CODES UNDER "F"

Fonts



There are several ways to make your text a different font size, color, or speacial faces or styles of text. Here are some below:

HTML Codes Under "Fonts"

Bold Text



To make bold (or strong)text Code below:

<b>Text in here</b>

Or <strong>TEXT IN HERE</strong>

Both of these codes will do the same thing. NOTE: Always remember to put the tag to end the bold font.

----><b> begins the style.</b><------ends the style.
DEMO:

This Is Bold Text  

This Is Not Bold Text

 

Italic(or emphasized) text



Code Below:

<i>TEXT IN HERE</i>

OR <em>TEXT IN HERE</em>

Once again each code does the same thing.

DEMO:

  This text is italicised.This is not.



Slashout Text



Code Below:

<strike>TEXT IN HERE</strike>
DEMO:

  This is slash(or striked) text.


Font Color



Changing the color of your font can be very decerative.
It's also a snap to do. Code below:

<font color="PUT COLOR YOU WANT HERE">PLACE TEXT HERE</font color>

ALWAYS remember to use
to end the color.

You can also use Hex Codes to choose your colors.
DEMO:

This is green text



Font Size


You can also change the size of your font.
Code below:

</A> <font size="PUT WHAT SIZE YOU WANT. PICK # 1-7>PLACE TEXT HERE</font size>

Remember to use to ennd the size
of the font.
DEMO:

font size 1
font size 2
font size 3
font size 4
font size 5
font size 6
font size 7



 
HTML CODES UNDER "G"
  

 
HTML CODES UNDER "H"

Home Hot Key



To make a "home hot key" use the code below. A
hot key is a letter you press on the key board
and it will lead you home.(or wherever you want
it to go) In this case the letter is H.
Press "H" to go home.


Hyper Text See "L"for Linking.



 
HTML CODES UNDER "I"


Images



To put a picture on you page, follow
the steps below:

  • Get you picture
  • Save it to disc
  • Upload it to your HTML editor directory
  • Use the HTML code below:


<img src="usmans.jpg" height="165" width="175" border ="2" />

You can change the height and width
attributes to your custom fit. Or
you can just leave them out to use the
actuall picture size. you can also
change the border size.
DEMO:

 


 
HTML CODES UNDER "J"


HTML CODES UNDER "K"



 
HTML CODES UNDER "L"

Linking Pages Lines
Lists Line Break

Linking



To make A Clickable Hyper Text To Another Page
Use The Following code:

</a>PUT TEXT HERE It Will Look Something Like This
<a href="www.decentman.html">click here </a>

DEMO:click here



Linking Using A Button



To Use A Button To Link To A Page, Use The Following HTML Code:

<FORM METHOD="LINK" ACTION="http://www.geocities.com/pakistanisonline/4mysite/URL"> <INPUT TYPE="submit" VALUE="ENTER TEXT YOU WANT TO BE DISPLAYED ON BUTTON"></FORM>

It Will Look Somthing Like This:>

<FORM METHOD="LINK" ACTION="http://www.shahzad.8k.com/"> <INPUT TYPE="submit" VALUE="click here"></form>
DEMO:


Button With Color And A Border



Code Below:

<form method="LINK" ACTION="http://www.geocities.com/pakistanisonline/4mysite/PUT%20URL%20HERE"> <table border=2 bordercolor=magenta><tr><td><input style="background:royalblue" style="font-family:verdana" type=submit value="PUT TEXT HERE"></table></form>

It Will Look Something Like This:

<form method="LINK" ACTION="http://www.shahzad.8k.com/"> <table border=2 bordercolor=magenta><tr><td><input style="background:royalblue" style="font-family:verdana" type=submit value="Click here"></table></form>

DEMO:


Button With A Border



Code Below:

<FORM METHOD="LINK" ACTION="http://www.geocities.com/pakistanisonline/4mysite/URL"> <INPUT TYPE="submit" VALUE="PLACE TEXT IN HERE" ROWS=3 COLS=10 style="font-family:heather" style="border style:solid" style="background:white" style="color:royalblue"></FORM>

DEMO:



Button With Backgroung Color



Code Below:

<table border="5" cellspacing="0" cellpadding="2" bgcolor="CHOOSE BACKGROUND COLOR"><tr valign=middle> <td align=center><form method="get" action="http://www.geocities.com/pakistanisonline/4mysite/URL%20IN%20HERE"> <input type="submit" value="TEXT"></td></form> </tr></table><br>

DEMO:




Lines



Making Lines Is a Great Way To Divide Pages. To make
One Use The Following Code:

<hr width=200>
DEMO:


Line With Color



By now you are probably wondering why my lines are in
color. Here's the code:

<hr color=PLACE COLOR YOU WANT HERE>

The easiest way to get the exact color you want, is to
use hex codes. Hex codes are #'s and letters such as #3333FF, that stand for a certain
color. One thing great about hex codes is that you can get
many shades of a color. 

NOTE:

You put the hex codes Where
You would whithout the hex codes. ALWAYS remember to put
the # sign before the hex code.

DEMO:


Line With Width, Color, And Height



Code Below:

<hr width=CHOOSE WIDTH SIZE color=CHOOSE COLOR size=CHOOSE HEIGHT SIZE>

NOTE:



If You would like to leave out the height,
Leave out the partsize=CHOOSE HEIGHT SIZE
If you would like to leave out the width, take out the part
width=CHOOSE WIDTH SIZE
If you would like to leave out the color, take out the
color=CHOOSE COLOR

Return To Top
DEMO:

Lists





Using lists are another way to put some order
into a page.

HTML Codes Under "lists"
Unordered List(Buleted List)
Ordered List(Numbered List)
Definition Lists

Unordered Lists(Bulleted Lists)



An unordered list(or Bulleted list more commenly- known) is 1 of 3 lists you can create with
HTML. This list uses bullets to mark a list.
Code below:

Use<ul> to start the unordered list and
</ul> to end it. For each "bullet" such as
this:
use the HTML code</a></B> </FONT> <ul> <font size="PUT WHAT SIZE YOU WANT. PICK # 1-7>PLACE TEXT HERE</font size>

Remember to use to ennd the size
of the font.


  • An example of what a list would look like
    is this:

    <ul> <li>sentence 1 <li>sentence 2 <li>sentence 3 </ul>
    Look at the demo. to see what the above
    code would look like.

    DEMO:
    • sentence 1
    • sentence 2
    • sentence 3


    Ordered Lists(Numbered Lists)



    Ordered lists are basically the same
    thing as unordered lists, except they
    use numbers instead of bullets for the
    lists. Code below: Use <ol> to begin you list and
    </ol> to end you list.

    At the beggining of each statement you
    want on your list use
    <li>
    Numbers and line breaks appear automatically

    The HTML code for the list would look
    something like this:
    <ol> <li>sentence 1 <li>sentence 2 <li>sentence 3 </ol>

    Look at demo. to see what the above code
    would look like.
    1. sentence 1
    2. sentence 2
    3. sentence 3


    Definition list



    A list of terms and there meanings is
    called a definition list.

    Code below:

    Use <dl> to begin the list
    and </dl> to end it

    The <dl> <dt>goes in front of each term
    to be defined

    The <dd> tag goes in front of each
    definition.

    IDEA:
    you could use this list
    for questions and answers.

    The HTML code for a list would look
    something like this:

    <dl> <dt>What is 2+2 ? <dd>4 <dt>What is 2+5 ? <dd>7 <dt>What is 3+3 ? <dd>6 </dl>

    To see what the above code would
    look like, see the DEMO.

    What is 2+2 ?
    4
    What is 2+5 ?
    7
    What is 3+3 ?
    6


    Line Break



    When creating webpages you will
    definitely need line breaks(to start
    writting text on a new line). Code Below.

    <BR></a> <HR color=blue <b> DEMO:</B> This sentence has no line breaks.<BR><BR>This sentence<BR>Has line<BR>breaks<BR>as you<BR>can see. <HR color=blue> <BR> <P align=left><A name=A a <> <FONT size=2> <BR> </FONT></a><A name=D a <> <TABLE bgColor=yellow border=0 cellPadding=7 cellSpacing=5> <TBODY> <TR> <TD>HTML CODES UNDER &quot;M&quot;</TD></TR> </TBODY></TABLE></a> <P align=left><A name=align a <> </a><A name=marquee a <> <H2>Marquees</H2><BR><BR>Marquees Or Moving Words Are Very Easy To Add TO One's Page, But Very Fancy. Here's The Code:<BR><BR><XMP><marquee>PUT YOUR TEXT HERE</marquee>

    DEMO: USMAN MALIK


    Bouncing Marquee



    This Marquee Bounces From Side To Side. Code below:

    <marquee behavior="alternate">PLACE TEXT HERE</marquee>

    DEMO: USMAN MALIK


    Fast Marquee



    This Marquee Goes Fast! Code:

    <marquee scrollamount=#CHOOSE SPEED 1-100>PLACE TEXT HERE</marquee>

    DEMO: can you read this???


    Up Or Down Marquee



    Code Below:

    <marquee direction="choose UP or DOWN"><center>PLACE TEXT HERE</center></marquee>

    DEMO:

    down
    up


    Multi Marquee



    Its Hard To explain What It Is; Just Look At The Demo.
    Code Below:

    <marquee bgcolor=yellow width=15%>PLACE TEXT HERE</marquee><marquee bgcolor=pink width=15% direction=right>AND HERE</marquee><marquee bgcolor=lightblue width=15%>hAND HERE</marquee>

    DEMO:

    Hey hey hey





    HTML CODES UNDER "N"

     


    To open a new window from a link,
    use the following code.

    <a href="../4mysite/PUT%20THE%20URL%20HERE.html" target="_blank">TEXT YOU WANT TO BE CLICKABLE</a>

    Click Here




    HTML Codes Under "O"


    HTML Codes Under "P"


    Pictures



    To put a picture on you page, follow
    the steps below:

    • Get you picture
    • Save it to disc
    • Upload it to your HTML editor directory
    • Use the HTML code below:


    <img src="usmans.jpg" height="200" width="100" border ="2" />

    You can change the height and width
    attributes to your custom fit. Or
    you can just leave them out to use the
    actual picture size. you can also
    change the border size.



     
    HTML Codes Under "Q"



     
    HTML Codes Under "Q"


    HTML Codes Under "R"

     
    HTML Codes Under "S"

    Subscript text



    Code below:

    To make a subscript text that is above a word
    use <sup>TEXT IN HERE</sup>

    To make subscript text that is below a word
    use <sub>TEXT IN HERE</sub>
    DEMO:

    Using the <sup> TEXT IN HERE </sup> code.
    109
    Using the <sub>TEXT IN HERE </sub> code.
    H2O



     
    HTML Codes Under "T"

    Tables



    Tables are a wonderful addition to a
    website. Code below.

    To bagin a new table use the HTML
    code <table border=0 cellspacing=5 cellpadding=7 bgcolor=blueviolet> <tr><td>

    The <table part of the code begins
    the table. You can edit the

    • border
    • cellspacing
    • cellpadding
    • background color


    GLOSSARY
    Listed below are the
    meanings of the above words.
    border
    you can specify(by numbers)
    how big you want the border to be.
    The border will be around the table
    and between every row and column.
    cellspacing
    Cellspacing sets the space
    (in pixels) between table border
    and between table cells themselves.
    cellpadding
    Cellpadding sets the amount of
    space around the edges of information
    in cells.
    background color
    Back ground color obviously
    will change the background color
    of the table. Type in the clolor
    you want by using the name of the
    color,


    Code continued:

    Now that you know how to begin
    your table we can now get into
    creating the table

    Use the code<tr>to begin the
    table row; Use </tr> to end the table
    row.

    Use the code<td>to begin the
    table column; Use </td> to end the
    table column.

    An HTML code for a table would look
    something like this:

    <table border=2 cellspacing=5 cellpadding=7 bgcolor=yellow> <tr><td><br><br>row1 column1</td> <td>row1 column2</td><td>row1 column3</td> </tr><tr><td>row2 column1</td><td> row2 column2</td><td>row2 column 3</td></tr> </table>

    ALWAYS remember to use
    </table>to end the table.

    Look at the demo. to see what the
    above HTML code would look like.

    Return To Top
    DEMO:


    row1 column1    		 row1 column2 row1 column3
    row2 column1 row2 column2 row2 column 3

     
    HTML Codes Under "U"


    To make a lated updated Java Scripted
    that automatically puts the date of the time
    when you last updateded the file, use
    the code below:

    <SCRIPT LANGUAGE="JavaScript"> <!--//hide script from old browsers document.write( "<I>Last updated "+ document.lastModified +"</I>"); //end hiding contents --> </SCRIPT>

    DEMO:

     
    HTML Codes Under "V"
    HTML Codes Under "W"
    HTML Codes Under "X"

     
    HTML Codes Under "Y"

     
    HTML Codes Under "Z"

    Warning! If you still not have Flash Player 5.0 Installed on your PC. Just Click Here To Download It.This will consume less than a minute over an ordinary internet connection speed.
    Reload/Refresh to make sure you are viewing the most recent copy of this page, Thankyou.

    | About ME | Contact ME| Terms And Conditions | Tell A Friend | Sign My Guest-Book | Cast A Vote | Privacy Policy |
    Copyright � 2000 - 2001 Decentman.Com. All Rights Reserved.
    Decentman.Com is a registered trademark of Usman Malik.

    • 1
    Hosted by www.Geocities.ws