Welcome to CaughtNaked's HTML Guide!




This guide is broken down into 10 parts in a table of contents so that its easier to get to the info you want. I hope that this guide will help explain some of the basics of HTML to you and start you on the way towards more advanced knowledge. Feel free to revist this guide if you forget something. The tags are in yellow for quick reference. Now, onto the important stuff.


1)
Font Color
2)Font Size
3)Font Style
4)Bold, Italics, Underline, Typewriter Text
5)Headers
6)Align
7)Images
8)Links/Mailto
9)Crosswinds
10)Misc.
Credits



Font Color



Font color is a lot more simple then it seems. Like with all HTML it just requires a certain amount of memorization. Most reporters use font color to iddentify the color of a race that the player using it (ie a player whos units are red, name would be red) Using font color you need tags. Tags are inserted inbetween a < and a >. The tags for font color are <FONT COLOR="(color)">(text)</FONT> in true Phiber Optik's style heres an example.

<FONT COLOR="yellow">BattleReports.com Kicks @$$</FONT>

Table Of Contents


Font Size



Font size can be used in many different ways. One way is to make a wonder stand out (ie CaughtNaked's base was SHREDDED into millions of peices. Well, im not creative, check out the other reporting guides for help there). Another example is that you can use it to title sections, or if its a fan fic, chapters. Im sure that theres other ways but its up to you to make them up. Now, lets start on the HTML. Font comes in seven different sizes. One being the smallest, 7 being the largest and 3 being normal. <FONT SIZE="(size)">(text)</FONT>

<FONT SIZE="5">CaughtNaked's HTML Guide Rocks</font>

Table Of Contents


Font Style



Font Syle is a more unique command that has a few purposes. One of the most major purposes is to identify a writer. Different writers have different font styles(mines Comic Sans MS, steal it, and your a dead man). Another purpose is to show the difference between different parts of the battle report(ie someone might write there introduction and conclusion in Georgia and the report in arial. To do this is very simialer to font size and color. <FONT FACE="(size)">(text)</FONT>

<FONT FACE="Comic Sans MS">Iggy is starting to annoy me!</FONT>

Table Of Contents


Bold, Italics, Underline, and Typewriter Text



Bold, Italics, Underline, and Typewriter Text have quite a few major uses. Bold can be used to make something stand out. Italics can be used for side notes. Underlines can be used for captions, and typewriter text, well typewriter text I just threw in because its good to know. These four commands are probaly the easiliest to learn and most useful out of any commands in HTML.
<B>(text)</B> for bold.
<I>(text)</I> for Italics
<U>(text)</U> for underline
and <TT>(text)</TT> for typewriter text.
Well, if you have any problems with those commands HTML isnt for you. =P

Table Of Contents


Headers



Headers have two very basic but very important uses. One is the title of the report. Most reporters place the name of there report at the top in header format. The other, is if your report is broken down into sections (ie Intro, builds, game, conclusion) headers are helpful for naming them. The header command is another simple and short one. <H1>(text)</H1>. The number next to the "H" is the size. The sizes are 1-6 with 1 being the largest, the opposite of font size for some reason. Its just one of those things you'll have to learn.

<H1>CaughtNaked is my hero!!</H1>

Table Of Contents


Align



Align is one of those commands that every report needs. You can align things to the left, right, or center it. This command is very simple and can be used for text, <ALIGN="(LEFT/RIGHT/CENTER)"> or images <IMG SRC="CaughtNaked" ALIGN="(LEFT/RIGHT/CENTER)"> is the command to align it left, right, or center. A quicker tip for centering text or images is <CENTER>(Text/Image)</CENTER>. That would center everything from the first CENTER to the /CENTER. The purposes for alignment are simple. To make your report more organized and easier to read and follow.

<ALIGN="CENTER">
<CENTER>CaughtNaked's Guide has made me a HTML master!</CENTER>
<IMG SRC="CaughtNaked" ALIGN="CENTER">

Table Of Contents


Images



Any good report has images. You get images from your report by pressing the "print screen" button. This saves the images to your computer for editing and using in your report. I use MS paint because its already on my computer and gets the job done. Most famous reporters have other image editing programs, see YourRoleModels guide to graphics to learn more about that. Now you may be wondering, how do I get images into my report? The anwser is very simple, link them. <IMG SRC="HTTP://WWW.BATTLEREPORTS.COM/USERS/CAUGHTNAKED/TAG.BMP"> would put a picture of my tag there. I would have linked it from battlereports.com. Other providers are
  • Xoom there website is http://www.Xoom.com
  • Tripod there website is http://www.Tripod.com
  • Angelfire there website is http://www.Angelfire.com
  • BattleReports there website is of course http://www.BattleReports.com
In most older reports the pictures are broken. This is because geocities was a very popular server to link images from and doesn't allow outside linking anymore. Now I use BattleReports.com because its very simple and effective. Go to the ReportCenter to set up an account. All of them are good though and each will go into further detail about there benefits at there site.

<IMG SRC="HTTP://www.battlereports.com/users/caughtnaked/tag.bmp">

Table Of Contents


Links/Mailtos



Neither one of these commands is very important but I figured that you knowing them might help you be more creative in your battle reports which helps everyone. These commands are starting to get more and more complex but are still simple enough for the everyday user. The link command can be used to link to your last reports, or maybe to your website, its up to you.
This is my site, you should check it out! The code to link to sites is <A HREF="http://www.(Website Here).com/">(Title of Link Here)</A> to close the link. This is my e-mail so you can tell me how much you hate/love or whatever my guide. The command for mailto is <A HREF="MAILTO=(EMAIL ADDRESS HERE)">(Title of Link Here)</A> So now you know how to link to other sites, and link to emails. One final tip about the mailto command is that not every browser supports it, so dont go overboard with it =).
<A HREF="http://www.LastScourge.com/">Check Out My Site</A>
<A HREF="MAILTO=CaughtNaked441@AOL.COM">Send me Some Feedback</A>

Table Of Contents


Crosswinds



Whoa...are you sure that your ready for these? Crosswinds can get kinda complex if you dont know what your doing, I recommend that you read the rest of the report before you move on to this. Still here? Okay, here we go. Crosswinds are what im using to do this guide(ie the table of contents). Other uses are interactive battle reports
such as this one. To use crosswinds you need a link and a name. By clicking on the link, you move to where it has that name on that page. Its really less complex than it seems. Basicly you need your link <A HREF="#(Title of Name)">(Link Title Here)</a> and your name <A NAME="#(Creative Name)"> Clicking on the link will take you to the name. The "Table Of Contents" is the link to the top paragraph. Crosswinds are just one of those things that takes practice. Under Misc there will be some tips for it.
<A NAME="TOP">
<A HREF="TOP">Top Of Page</a>

Table Of Contents


Misc.



Ahhh, this is the chapter where I go over some of the stuff that you wont most likely use in a report but is good to know anyways. The first thing is "View Source". This is used to veiw the HTML to a site so you can figure it out for yourself. This is how I learned, takes longer but you get a broader understanding. Anyways, each browser is different so im just gonna give you some tips. First I would check under any File, Edit, or View options you have. Second I would try right clicking on the site and looking for it(this works for AOL). Lastly I would check under help or contact or browser's customer service hotline. Another quick command, is the comment command. This allows you to add a comment that only people using view source will see. Valuable for leaving yourself notes or telling people off for checking out or coding =P. This is command is done by typing <!--(Your Hiden Text Here)-->. Be careful though you dont want people to see your secert notes or whatever =P. Two final commands that I use quite a bit are the <HR> command which makes a line such as

and the <BR> command which spaces down. This was not included because when posting reports it does it automaticly for you.
<!--(COMMENT)-->
<HR>
<BR>

Table Of Contents


Credits



So your done with the guide, I hope you liked it. It took me like a month to do, but ive been working on quite a few things like
my website. I just wanna say thanks to Phiber Optik, I learned a lot from your guide, Drefsab because I learned HTML from you , Dr.Awsome for teaching me crosswinds, |]agomar for the help, and Mark4 for posting this(I hope).

Table Of Contents