graphics, layouts,codecs....

fun.gif fun image by doinatnwebsIMAGE codes

Place An Image

<img src="URLHERE">

 Center an Image

<center><img src="URLHERE"><center>

 Resize an Image ..add border

<img src="URL HERE "height="120px" width="240px">

 Image with Border

<img style="border:BLACK 2px SOLID" src="URLHERE">

 Engrave Image /Not working in Firefox

<img src="URLHERE" style="filter:progid:dximagetransform.microsoft.engrave">

 Grayscale Image/Not working in Firefox

<img src="URLHERE" style="filter:gray;">

 Control Size of Image

<img src="URLHERE" width="100" height="100">

 X-Ray Image/Not working in Firefox

<img src="URLHERE" style="filter:xray()">

 Transparent Image /Not working in Firefox

<img src="URLHERE" style="filter:alpha(opacity=60)">

 Vertical Flip Image /Not working in Firefox

<img src="URLHERE" style="filter:flipv">

 Horizontal Flip Image /Not working in Firefox

<img src="URLHERE" style="filter:fliph">

 Emboss Image

<img src="URLHERE" style="filter:progid:dximagetransform.microsoft.emboss">

fun.gif fun image by doinatnwebsHow to link to other pages in HTML

 

<A HREF="http://www.someplace.com">Display Text</A>

Web Design

<A HREF="linking.htm">Linking to Other Pages</A>

fun.gif fun image by doinatnwebsAdding Images to Your Page

 

<IMG SRC="image.gif">

<IMG SRC="http://www.disney.com/pictures/image.jpg">
 <IMG SRC="next.jpg"> 
<CENTER> <IMG SRC="http://www.pageresource.com/images/next.jpg"> </CENTER> 

fun.gif fun image by doinatnwebsThe Wonderful Text Tags

 How to use HTML tags to manipulate your text

<B></B>   This is the tag for bold text.
Example:
<B>Howdy</B>
Howdy

<U></U> Underline text
<U>Underline Me!</U>
Underline Me!

<I></I> Italics
<I>Isn't this fun?</I>
Isn't this fun?  

<STRIKE></STRIKE>
<STRIKE>You're Out!</STRIKE>
You're Out!

<CENTER></CENTER>
<CENTER>This centers text on the page</CENTER>

This centers text on the page
 
 

<B><I>I am bold AND Italic, which makes me cool!</I></B>

I am bold AND Italic, which makes me cool!

 

 

<B>
       <I>
             I am bold AND Italic, which makes me cool!
        </I>
</B>

<B><I><U>Would you stop tagging me!</B></I></U>

Would you stop tagging me!

 

Area<SUB>1</SUB>

Area1

And the <SUP> tag allows you to use exponents if you need to:

X<SUP>2</SUP> + Y<SUP>2</SUP> = 0

X2 + Y2 = 0

fun.gif fun image by doinatnwebsHeadings and Paragraphs

 

<H1>Large Heading!</H1>  will give us:

Large Heading!

<H2>Heading 2</H2>

Heading 2

<H3>Heading 3</H3>

Heading 3

<H4>Getting Small</H4>

Getting Small

<H5>Smaller Still...</H5>

Smaller Still...

<H6>You must have good vision...</H6>

You must have good vision...

 The tag for a line break is <BR>. When you insert this tag in your document, the contents will go to the next line. The <BR> tag does not need a closing tag afterward. Here is an example:

End this line now!!<BR>Thanks!


End this line now!!
Thanks!


The paragraph tag does not require a closing tag,  but if you'd like to add one for your own reference, you place a </P> where you would like the paragraph to end, like this:

<P>
This paragraph needs a visual ending!
</P>
<P>
Here is a new paragraph....<BR>
and the end.
</P>

fun.gif fun image by doinatnwebsHow to change font sizes and colors

Okay, now we want to see how to change the font size. This is done with the following tag:

<FONT SIZE="x">text to change</FONT>

"x" will be replaced by a number with a + or - sign in front of it.  So let's say you wanted to make the font larger.  You can use the tag with a +2, like this:

<FONT SIZE="+2">I'm a big sentence now!</FONT>


I'm a big sentence now! 


     Likewise,  you can make the font smaller in the same way, using the - sign:

<FONT SIZE="-2">Hey, I'm Small!</FONT>


Hey, I'm Small! 


    Here are some more size examples for you:

<FONT SIZE="+4">Hey There</FONT>
Hey There

<FONT SIZE="+3">Hey There</FONT>
Hey There

<FONT SIZE="+2">Hey There</FONT>
Hey There

<FONT SIZE="+1">Hey There</FONT>
Hey There

<FONT SIZE="-1">Hey There</FONT>
Hey There

<FONT SIZE="-2">Hey There</FONT>
Hey There

<FONT SIZE="-3">Can you read this?</FONT>
Can you read this?

 <FONT COLOR="color">

<FONT COLOR="red">I'm red!</FONT>
I'm red!

<FONT COLOR="#FF0000">I'm red!</FONT>
I'm red!

<FONT SIZE="+2"><FONT COLOR="gold">I am gold!</FONT></FONT>
I am gold!

<FONT SIZE="+2" COLOR="gold">I am gold!</FONT>
I am gold!

<B/><font color="#FF0000"> ... Red </font> </B>

 <B/><font color=" #0000FF"> ... Light Blue</font> </B>

 <B/><font color="#00FF00"> ...Pastel Green</font> </B>

 <B/><font color="#FF8040"> ...Orange </font> </B>

<B/><font color="#FF00FF"> ... Pink</font> </B>

fun.gif fun image by doinatnwebs

Sponsors

fun.gif fun image by doinatnwebs