|Html Tags||All HTML is made up of a < key and a > key. Statements that bring up images, colors, fonts, and much other html are found within each of those keys. the < key starts off the command and /> ends the command. Below are html codes for many different things. Some will require you to change information to fit your site's design or your needs. That may be tricky for someone that is just beginning. So if you have any questions, don't hesitate to ask wt by clicking the image so named above. If you are a beginner and have no idea what so ever about what I am doing here, I reccommend Webpage Today's Site Builder. You can find Wt Site builder under the homepager link to the left. Linking from your page to wt would be greatly appreciated. You can do so by clicking the link to us link to the left. I hope the info below will help you. Good luck!|
Using the html below, you can make font have different sizes, looks, and colors.
<FONT FACE="Arial" SIZE=2 COLOR="#000000"> Put any text you want here </FONT>
= Put any text you want here
The FONT starts off the command. I added the FACE="Arial" so that the text would look like Arial text from the fonts on your computer. There are hundreds and thousands of fonts to choose from, but remember that not everybody has all of those fonts. Most peoples computers come with very few fonts. You can see which ones you have by going to your Windows writing utility. The website journal had a story about the safe fonts for you to use. I always use the ordinary Veranda, or Arial fonts. Mixing fonts like FACE="Veranda, Arial" makes for a more interesting looking font. The SIZE=2 made that font a size 2. Fonts can go very far up and down the scale. For a much smaller font you would choose a smaller number. For a bigger font, you would choose a bigger number. This font number can also be negative. Negavite numbered fonts make for less thick letters. The color="#000000" makes the text different colors. It is obvious that 000000 give a black font above. The # always goes before this font number. I don't have a list of fonts right here, but you can fool around with these numbers and also make them letters, just as long as there are only 6 numbers to this color command. You can take out the # and put in a color by using words, like RED or BLUE or YELLOW or WHITE or GREEN or... The list goes on.
Using the html below, you can make text bold (thicker).
<B> The text you want bold goes here </B>
= The text you want bold goes here
Bold statements make the text thicker. But you still should have the font commands to set it off.
The Html below makes font italic (slant)
<I> The text you want italic goes here </I>
= The text you want italic goes here
Italic statements make the text slant. But you still should have the font commands to set it off.
Using the html below, you can make text underlined.
<U> The text you want underlined goes here </U>
= The text you want underlined goes here
Again, you should still have the font commands to set it off.
|Now all together|
And now a mixture of these commands
<FONT FACE="Arial" SIZE=3 COLOR="#000000"> <B> <I> <U> Text Text you want colored, sized, bold, italic, and underlined goes here </U> </I> </B> </FONT>
= The Text you ...
Using the html below, you can bring up images from your web host onto your webpage.
<IMG BORDER=0 SRC="http://www.webpagetoday.com/html/webpagetodaybutton.gif" ALT="Webpage Today" WIDTH=95 HEIGHT=26>
The IMG SRC="http://" is the main part that brings up the image. Images load faster when you have an ALT="" tag on them. When you put your mouse over the image without clicking on it, you will see a small box come up saying Webpage Today. Those are the words in the alt. You must change the ALT to show text you want and the SRC="http://" to the address that the image is located, remembering that it must have a filename of an image. Ex: .gif or .jpg . The BORDER= decides what the border around the object will look if it is also a link. The next section is links and I will discuss that more then.
Using the html below, you can link websites together.
<A HREF="http://www.webpagetoday.com/"> The text you want to link</A>
= The text you want to link
The A HREF="http://" is what makes something link. It must be ended by the /A or the link will go on for the hole page. The http:// address must be changed to show the html file you want it linked to.
Using the html below, you can make images linkable.
<A HREF="http://www.webpagetoday.com/"> <IMG BORDER=0 SRC="http://www.webpagetoday.com/html/webpagetodaybutton.gif" ALT="Webpage Today" WIDTH=95 HEIGHT=26> </A>
The BORDER=0 keeps this graphic from having a big blue line around it. If you prefer it with a line, you can either take out the border=0 or make the border the number you want it to be.
|Title, Head and Body|
Using the html below, you can make the title for the page, the heading, and the body.
<TITLE> The title of your page </TITLE>
= See the top of the page on your browser? It says "Webpage Today's Html Help" that is an example.
= The Head html is not seen physically, only be search engines. You need to use this to enclose the title command.
<BODY BGCOLOR="#ffffff" TEXT="#000000" VLINK="#000000" LINK="#000000">
= the ffffff of the bgcolor makes the page background white here. The text 000000 makes the text black, as do the vlink (visited link) and the link.
Using the html below, you can align text and images the way you want on your webpage.
<CENTER> stuff you want centered </CENTER>
= That html centers stuff
<P ALIGN="CENTER"> the stuff you want centered </P>
= That also centeres stuff
<P ALIGN=LEFT> the stuff you want to the left </P>
= That html aligns stuff to the left.
<P ALIGN=RIGHT> the stuff you want aligned right </P>
That html aligns stuff to the right.
<UL> <LI> Text Here </>
UL tag should go around all of the LI's you have, not every individual one.
= This makes a small space between lines.
= This makes a paragraph break between lines.