IMAGE codes Place An Image
<img src="URLHERE">
<center><img src="URLHERE"><center>
<img src="URL HERE "height="120px" width="240px">
<img style="border:BLACK 2px SOLID" src="URLHERE">
<img src="URLHERE" style="filter:progid:dximagetransform.microsoft.engrave">
<img src="URLHERE" style="filter:gray;">
<img src="URLHERE" width="100" height="100">
<img src="URLHERE" style="filter:xray()">
<img src="URLHERE" style="filter:alpha(opacity=60)">
<img src="URLHERE" style="filter:flipv">
<img src="URLHERE" style="filter:fliph">
<img src="URLHERE" style="filter:progid:dximagetransform.microsoft.emboss">
How 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>
Adding 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>
The 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>
<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
Headings and Paragraphs
<H1>Large Heading!</H1> will give us:
<H2>Heading 2</H2>
<H3>Heading 3</H3>
<H4>Getting Small</H4>
<H5>Smaller Still...</H5>
<H6>You must have good vision...</H6>
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>
How 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>