Wow! I didn't know this many people would be so interested in this class! 
So, just to show everyone what I will be teaching, I will be teaching the first things I learned when I started HTML, then after everyone gets done with the basics, I'll go ahead and move on to more difficult things. So, be prepared to do about 30 minutes of reading (Sorry mod for having to moderate this!) and write down some notes. 
One last thing: I am putting all examples of HTML/BBCode in apostrophes. (This is an apostrophe: ' )
~~~
The first thing I will be teaching is fonts. There are font faces, font sizes and font colors. There are also font variations, such as bold, italics, underline, and strike through. Those are the 4 icons you see at the top, to the left of the A's with the S's. I'll also be teaching you what the superscript and subscript variations are, seeing as they are also up there.
So, let's get started.
---
Font Faces:
There are 8 default font faces to choose from on the top left of the "Create Post" box. You are also able to use different fonts, such as
Agency FB, Gabriola, Segoe Print, and many more to choose from. These examples were just from "Paint", the art software. I will list more in a separate post.
In order for you to choose a specific font face, you must go to "BBCode" and either click on "Font Face" at the top left of the "Create Post" box or type it in manually. This is where HTML comes in.
HTML is a little bit like BBCode, but instead of brackets (these are brackets: [] ), you have the "greater than" and "less than" symbols (this is what they look like: <> ). All HTML will be used in the two symbols while all BBCode will be used in brackets. That is one key rule you have to remember.
Like I said before, HTML is a little bit like BBCode. It's not the same, but not just in the symbols used. For example: to center something in HTML, all you have to do is type 'center', while in BBCode, you have to type 'div align="center"', type what you want, then end it with '/div'.
Back to the topic off font faces.
What you have to type to get a specific font face is, in brackets, 'font face="Insert Font Face Here"'. For example: If I wanted my usual Comic Sans MS font, I would have to type 'font face="comic sans ms"'. You can capitalize it or not, it doesn't matter what you choose.
Here's a bit of homework for you after this lesson: Choose any font face that you like and use it for a post. Type it into the BBCode section of the "Create Post" box.
---
Font Sizes:
There are 7 default font sizes to choose from on the top left of the "Create Post" box, to the right of the "Font Face" tab. I haven't tried any other sizes other than these 7, so why don't you experiment a little with them? Try to get something smaller than one, or larger than 7. If you aren't able to, don't worry about it! That's just a fun activity you can do if you have nothing else to do.
Like the font faces, to choose a specific font size, you have to click the "Font Size" tab and select one. The way to type it into BBCode is by typing 'font size="Insert Font Size Here"'. For example: If I wanted my usual font size, I would have to type 'font face="3"' in brackets.
Another piece of homework to do after this: Choose a font size and use it with your font face and use it in a post. Type it out in the BBCode section.
---
Font Colors:
There are hundreds of thousands of colors to choose from. Colors are defined by hashtags, or "#". Each color has it's own set of 6 letters and numbers. Sometimes they only have letters, like the color white (#FFFFFF) or only numbers, like the color purple (#800080). It depends what shade you want, what base color you want, how many types of that shade there are, and other variables.
Determining your color is probably the easiest part of HTML/BBCode. Of course, people would prefer to just choose their favorite color, but it's what you want.
To type in your color in the BBCode section, all you have to type is 'font color="#Insert 6 Numbers Here"'. In the next paragraph, I will be showing you another way to do this.
Most basic colors are usually simple, such as the purple I use. Instead of it being something like "#592870", it's simply "#800080". That is very easy to remember for future reference. Also, another way to quickly access basic colors, such as "Purple" or "Blue", all you have to do is type the exact color name it is. Just replace it with the "#Insert 6 Numbers Here". For example: If I wanted the color purple, I would type either 'font color="#800080"' or, in a faster way, 'font color="purple"'. I do that, myself, to save time.
Your homework for this is to, along with everything else listed, choose a font color and manually type it into the BBCode. Make sure to use it in a post!
---
Bold, Italics, Underline, and Strike Through:
To save time, space, and lag (yes, I am having MASSIVE lag typing this..
), I will be listing all of these in one section.
Now, I will mention ahead of time: all four of these are similar in the way that they are easy to remember, besides the last one. That one is slightly different.
Bold: Bold makes text look like
this. In HTML/BBCode, it's 'b' and '/b'. You can remember it by the B.
Italics: Italics makes text look like
this. In HTML/BBCode, it's 'i' and '/i'. You can remember it by the I.
Underline: Underline makes text look like
this. In HTML/BBCode, it's 'u' and '/u'. You can remember it by the U.
Strike Through: Strike Through makes text look like
this. In HTML/BBCode, it's 'strike' and '/strike'. You can remember it by the Strike.
Now, I know all the previous things I said were pretty repetitive, but that was to get it done and over with.
The homework for this is to simply try them out and practice them. They aren't of too importance, unless you want to have your signature font to include those, then I recommend practicing them.
---
Superscript and Subscript:
Just that everyone knows, I haven't used either of these before. They look pretty self explanatory, so I thought I may as well teach everyone what they are.
Superscript looks like exponents in math. That's where the number is residing to the top right of the first number.
Subscript looks like the number in "H2O". That's where the number is residing on the bottom between the two letters, on the bottom.
To use superscripts, you have to type 'sup' and '/sup'.
To use subscripts, you have to type 'sub' and '/sub'. They are pretty easy to remember buy the first 3 letters.
I won't assign any homework to this, so practice it if you want, but I think it's a pretty simple thing to get the hang of.
---
So, that's the end of this lesson! If anyone has any questions, please ask away and Sam and I will answer them as soon as possible! Thank you all for staying for these 15 to 30 minutes, and I will see you later!
Here's a quick reminder of today's "homework": Basically make up your own font and submit one post with your font. Be creative! I'd love to see how everyone creates theirs!
~~~
Once again, I apologize sincerely to whoever moderated this! I know it must have taken about 30 minutes, so I'll try to keep my lessons shorter. Also, here's a quick note: When I was typing this up on the "Create Box" area, my web browser kept lagging. It didn't do that on any other web browsers or tabs. I decided to use a bit of backup so I just used a different computer program to keep my notes from getting deleted. I was paranoid about that, and I notice it's only when I have more than a thousand characters.
Anyway...
Ciao!
~Alayna
P.S. I can't believe I actually made it this far... [/font]
