Basic HTML Tutorial

March 21st 2006: ended up joining AW anyways, if you want to see my cards just go to my page
March 1st 2006: decided not to join another world beacuse i'm impatient and they took to long to respond
I Joined Tokyo Express, and am currently thinking of joining Another world as well
The front page is a bit messy but I plan to try and clean it up during the next few months, just go to the TCG page you want, as there is no other reason for you to be here.

   While browsing through my coding, you'll see comments in <!-- and -->. I put them there to help you. If you don't know what you're doing, please don't edit anything outside of the Begin and End of the comments.


   The Basic of the Basics: You can have words in bold (using <b> and </b>. Anything in between will be in bold.) You can have things in italics (<i> and </i>), and underlined (<u> and </u>). You can combine two, or even all three: Example (<b><i><u> and </u></i></b>). There are also others, like strikeout (<strike> and </strike>), and the even super duper annoying ones that you should never use like blink (However, it seems as if it's not blinking right now...hmmm...)
   You probably noticed that everything is closed off by a '/'. You MUST remember to do that, or else your whole coding will be completely screwed up.

   Line breaks and paragraphs: A line break is <br>. You don't need to close that with a </br>. Actually, I don't even know if it works or not. Paragraph breaks are <p>, and you don't need to close that either. (Although paragraph breaks are very practical, my coding is shitty, so you must use them as less often as possible. If you do use it, the line after will break out of the content class and the colours will be messed up. The content class will be explained later on.)

    How to Add Images: The image code is simple. <img src = "path_to_image/name_of_image.extension">. Now this looks scary, but it's really easy to remember. Lets say you have a picture you wanna use in a folder called tcg on your site, and the image is called card.gif, you'll put <img src="tcg/card.gif">. If you put card.gif in the main directory, where your index.html is and all, then all you hafta put is <img src="card.gif">. If you direct link the image off of an image hosting site, (let's say http://www.imageshack.us for example,) you would put <img src="http://www.imageshack.us/card.gif"> or whatever the URL is. The important thing is to remember <img src=" and ">.

   How to link websites: <a href="http://www.site.com">Name of Site>/a<. That is the basic template you hafta follow. You'll see that mine are usually <a href="http://www.site.com" target="_blank">Site</a>. The "target="_blank" is just telling the site to open a new window instead of staying on the same one. If you're linking a file on YOUR site, let's say a file in the tcg folder called bob.html, you would put: <a href="tcg/bob.html">Bob</a>. If it was in a folder called "kon" that was in the tcg folder, you would type in <a href="tcg/kon/bob.html">Bob</a>. If it was in the main directory, you would type <a href="bob.html">Bob</a> (You MUST close this HTML tag too, or else you'll end up linking your whole content).

   Linking websites using images: Simple. Just replace the words with the image tags. For example: <a href="bob.html"><img src="card.gif"></a>. This will however, create a border around the image. If you hate borders like me, you can get rid of the border by typing <a href="bob.html"><img src="card.gif" border="0">.

   I think this is basically all you need to know to run a TCG collective. There are other important things you should know, but I think I've confused you long enough. On to the next part, which is understanding my crazy coding!

About this layout