What the People Who Know HTML Don't Want You To Know
Created by Yutt
With help from ARCHER181, DOUGHOST, and SharonDee
Printable Version
Prepared for the Agnosticism/Atheism forum.
The easiest way to understand HTML is to think of it as ON/OFF switches where <?> is On and </?> is Off.
Bold
To bold text place a <b> in front of the text you want
bolded and a </b> when you want the bolding to end.
Italics
You use italics just like bold. Put a <i>
before the text you want italicized and a </i> when you want the italics to end.
Underline
Just like bold and italics, place a <u> before the text you want
underlined and a </u> after.
Strikethrough
I'm sure you get the idea by now. Put a <s> before and a </s> after.
Font Color
Changing font color is almost the same. Place a <font
color=X> before the text you want changed and a </font> after. X is the
color you want the text changed to. You can use the words red,
blue, orange, yellow,
purple, green, or black.
Or, you can use hex codes. Don't worry it's easier than it sounds. Go to HTML Goodies
for a list of 104 different colors. Instead of using the color name as X you use
the hex code.
For example: <font color=00FF00>This is lime.</font> gives you:
This is lime.
Font Size
<font size=X> before and </font> after.
X can be a number 1-12. One is
the smallest and 12 is the largest. In the fora you probably shouldn't go past 4. The
font color and font size codes can be used together.
<font size=4 color=blue>Big Blue</font>
Big Blue
Font Face
<font face="X"> X can be serif, sans-serif, cursive, fantasy, or
monospace. The font face can be used in combination with the other font codes like
this:
<font face="cursive" color=red size=5>Cursive Big Red</font>
Cursive Big Red
Subscript and Superscript
For subscript use <sub> and </sub>.
For superscript use <sup> and </sup>.
Centering Text
To center text use <center> and </center>.
Paragraphs and line breaks
To make a paragraph use <p> and </p>. To skip to the next immediate line
use <br> (No 'Off' switch is needed).
Indenting
To indent use <dd> no 'Off' switch is needed.
Block Quotes
To put text into a block quote form use <blockquote> and </blockquote>.
To put text into a block quote form use <blockquote> and </blockquote>.
To put text into a block quote form use <blockquote> and </blockquote>.
Hyperlinks
This one is very similar to the font commands. <a href="The URL of the Site">A
Label For the Hyperlink</a>. The quotation marks are required. The hyperlink
code for Yahoo! looks like this: <a href="http://www.yahoo.com">Yahoo!</a>.
Images
<img src="The URL of the Image"> The quotes are required but
no "Off" switch is needed.
!!Forum and Internet Etiquette!!
* Try not to use images in your posts with the exception of your sig.
* Don't link to an image on someone else's website without their permission. It often
costs the website owner money each time the picture is viewed.
Bulleted Lists
* For
* a
* bulleted
* list
put a <ul> at the beginning of the list. For each line of the list put a <li>
at the beginning and a </li> at the end. At the end of the list use a </ul>
IMPORTANT Remember to hit the "Includes HTML" check box in all posts that you use HTML in! This may seem obvious but I guarantee you will forget to do it. And if you're like me you'll forget over and over and over.
Don't over do it! I created this tutorial in hopes that everyone can have a basic understanding of how to use HTML in their posts. Have fun with it but don't go nuts. You do want people to be able to read your posts right?
