Using HTML In Posts

A quick runthrough on cool fonts, colors, sizes and what not.

Back To Messageboard



Can I put html tags anywhere in my posts?

No. You can not use HTML tags in any field except body of the message. Johnboiles has the option of allowing or disallowing any HTML in the Message part of your posting. So dont abuse it---no font size 72 please. 

 


What can I do with html?

Just about anything you see on web pages. Web pages are written in html, some have other stuff added in such as Macromedia Flash and Java but we wont get into that. Just about whatever you want to do can be done if you have the know how. Read on to find the quick tutorial on basic html.

 


So how do I do cool fonts!?

With html you have "tags" for almost everything. A tag is considered the writing withing the <>s that tells the web browser how to display the content. There is a tag in front of what you want to change and then a tag after that turns off the first tag so the rest of the page isnt exactly the same as the text you wanted to change the color of. That probably confused you so heres an example. To write:

This is cool fontage

You would put in the post:

<font face="Arial" size="3" color="#00FF00">This is cool fontage</font>

The red colored parts signify the parts you will need to change. To change the font all you do is change the font name in parenthases exactly how it appears in the font selection for any text editor. Keep in mind that for people to see the fonts, everyone has to have it so use the fonts that come with windows. For the size, write a number between the parenthases. The numbers arent in point size so dont think if you put 12 it will be reasonably sized (see chart below for conversion). The colors are are a bit more interesting, you can use any color your computer can display as long as you know the "hex" code for it. Im not gonna explain how to find the hex code of every color in the world, so just replace it with one of the codes so kindly provided at the bottom of the page. Next write your prettified text! And always remember to use the </font> tag when your done so that the rest of the page, including the reply part isnt in funkified font.

cheat sheet:

Color Code Size Number Point Size
Green #008000 1 8
Red #FF0000 2 10
Lime Green #00FF00 3 12
Blue #0000FF 4 14
Yellow #FFFF00 5 18
Violet #FF00FF 6 24
White #FFFFFF 7 36
Silver #C0C0C0
Note, the 0s are not the letter O but rather the number 0. If you put the letter O, it wont work right. Use numbers

Everytime you want to use a new color/font/size you have to do a new tag (including a second ending </text> tag).

When you do two consecutive sets of tags, the lines will be connected so make sure you put a space at the end of the first tags text, or at the beginning of the second tags text. If you want to break the lines, and start a new line unconnected to the last tag, put  a <br> between the two tags you want to break.

And remember put the </text> at the end of every tag and use zeros not the letter O.


Bold/Italic/Underline?

For bold/underline/italics, use the tags <b></b> <u></u> <i></i> respectively. Put these only around the parts of text you want changed. Example:

<font face="Arial" size="3" color="#00FF00">I am <b>bold</b></font>

Would produce:

I am bold

Its the same for underlining and italics, just change the b to a u or i.


 

Can I put pictures in my posts?

Why yes you can! That picture just needs to be stored somewhere on the web first. I currently have no system to let people upload their pictures. Once your picture is on the web, you will need to put this tag: (again, you will have to customize the part in red)

<img src="http://www.johnboiles.com/images/jbsmallb.gif">

Of course change the address that leads to my little logo to the internet address of the picture you want to put. Thats all there is to that.


How do I center stuff?

Aligning stuff is pretty easy, to align stuff to the center put the <p align="center"> tag. Then after everything you want centered, put </p>. Taking our text example from about and centering it, you would have to put: (red STILL denotes the parts you can change

<p align="center"><font face="Arial" size="3" color="#00FF00">This is cool fontage</font></p>

You can also align things to the left and right by replacing center with left or right respectively.

You can align images as well in the exact same manner:

<p align="center"><img src="http://www.johnboiles.com/images/jbsmallb.gif"></p>


Heres a grand example for you:

Result:

I am an emboldened destroyer of all that underlines my italics


But with our powers combined we become:

super emboldened itallics underline man!

With Much Love,

 How to:

<p align="center"><font face="Arial" size="3" color="#FFFFFF">I am an <b>emboldened</b> destroyer of all that <u>underlines</u> my <i>italics</i></font></p><br>
<p align="left"><font face="Arial" size="3" color="#FF0000">But with our powers combined we become:</font></p>
<p align="right"><font face="Comic Sans MS" size="4" color="#0000FF"><b><i><u>super emboldened</b> itallics</i> underline</u> man!</font></p>
<p align="center">
<font face="Arial" size="2" color="#00FF00">With</font>
<font face="Arial" size="3" color="#ffff00">Much</font>
<font face="Arial" size="4" color="#ff00ff">Love,</font></p>
<p align="center"><img src="http://www.johnboiles.com/images/jbsmallb.gif"></p>

 


Johnboiles always leaves me wanting more...

To learn more, find something cool on a page you want to learn, right click the page and choose view source. Then try to see if you can decipher what the part is that you want to put in your post. You can always use the windows notepad to experiment to see if you got it right. Go to Start->Programs->Accesories->Notepad and then write what you want to try out, chose save as,  then use the save as type (or something like that) box at the bottom of the save window to choose All Files (*.*). Finally save the file on your desktop (or some other easy to get to folder) as test.htm (make sure to have the .htm part!!). Then with windows go to the place you saved the file and double click it to see if it works right in internet explorer.

Also i imagine a quick search on google would find you millions of html tutorials for beginners.