Pay attention...

This tutorial will be uber hard, probably, and you will need to focus. x]

UNLESS YOU WANT TO BE REPORTED;;
You MUST post credit on the bottom of your layout that this is MY CODING and you used a tutorial offers by huggiez. IF THERE IS NO CREDIT, YOU WILL BE REPORTED.


I am sure you know the basics of HTML.
Like how to Skip a line, how to make text bold. Italic, big, small, etc. What pixels are. Colours, and all that. So, I won't explain that much.

1: First, we will start off with the opening table tag.
<table>

2: Now, the 'td' tag.
Add this right after the opening table tag. This will allow you to add more than one table in a row.
<td algin=center>

3: Now, we want to start off with the opening DIV tagging.
<DIV STYLE=

4: Now we are going to look to editing the width and height of the table.
You might know that once you adjust it, add ':' then your pixel size, and then ';' to close it. x]
Just adjust the size. This is in PIXELS. x]
width:496px;height:206;

5: Now, we will work with the overflow. This is so that when you type to the height measurments, it will auto scroll. So the ovreflow will be Auto.
overflow:auto;

6: Now, we will work with borders.
Borders are the outline of the box.
First, we will work with the size. To de-activate the border, just adjust it to 0.
border:3px;

7: Now, there are 3 styles of borders.
Strait: ____
Dashed: - - - -
Dotted: • • • •
8: Just adjust the style you want. :3
border-style:dashed;

9: Now, time to work with the background colour. Remember, this is just incase you will not use a background image.
HTML colour codes are every colour you can image.
Just adjust my colour setting, and there you go. :3
background-color:#32CD32;

10: Now you can add a background IMAGE.
This MUST be marauploaded to work in clubs.
Between the parenthesis, you will insert it. :]
This will tile, not stretch.
background-image:url(PUTBACKGROUNDURLHERE)

11: Now, the closing sign.
This will allow you to begin typing in your box.
>

12: Now, I am going to adjust my font colour.
To do so simply add this right after the closing tag.
And Adjust the colour to your liking. :3
<font color=2C5D3F>

My code looks something like this;;
<DIV STYLE=width:496px;height:206;overflow:auto;border:3px;border-style:dashed;background-color:#32CD32;background-image:ur()> <font color=2C5D3F><center>

13: Now, you can add your text. Yay. x]
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah

14: Then add your closing font. This marks that it is the end of your font colour.
</font>

15: Then, add your closing DIV tag. That means it is the end of your table.
</DIV>

16: Now, closing 'td'
This is incase you would like to add more than one table on a row. Once you place the 'td' closing tag. Just do steps 2-16.
My code now looks something like this when I joined two tables together.
<table> <td algin=center> <DIV STYLE=width:248px;height:206;overflow:auto;border:3px;border-style:dashed;background-color:#32CD32;background-image:ur()> <font color=2C5D3F><center> <B>Mwahaha</b><br> I made this. Yay!<br> I made this. Yay!<br> I made this. Yay!<br> I made this. Yay!<br> I made this. Yay!<br> I made this. Yay!<br> I made this. Yay!<br> I made this. Yay!<br> I made this. Yay!<br> I made this. Yay!<br> I made this. Yay!<br> I made this. Yay!<br> I made this. Yay!<br> I made this. Yay!<br> </center> </font> </div> </td> <td algin=center> <DIV STYLE=width:248px;height:206;overflow:auto;border:3px;border-style:dashed;background-color:#32CD32;background-image:ur()> <font color=2C5D3F><center> <B>Mwahaha</b><br> I made this. Yay!<br> I made this. Yay!<br> I made this. Yay!<br> I made this. Yay!<br> I made this. Yay!<br> I made this. Yay!<br> I made this. Yay!<br> I made this. Yay!<br> I made this. Yay!<br> I made this. Yay!<br> I made this. Yay!<br> I made this. Yay!<br> I made this. Yay!<br> I made this. Yay!<br> </center></font> </div> </td>

Then, I will add the closing tags for the table. You could of skipped step 16 if you just wanted one table. I did both.
Add the closing tags, and you are done.
</tr> </table>

My code looks something like this;;
<table> <td algin=center> <DIV STYLE=width:496px;height:206;overflow:auto;border:3px;border-style:dashed;background-color:#32CD32;background-image:ur()> <font color=2C5D3F> <B>Mwahaha</b><br> Make a table like this.<BR> Make a table like this.<BR> Make a table like this.<BR> Make a table like this.<BR> Make a table like this.<BR> Make a table like this.<BR> Make a table like this.<BR> Make a table like this.<BR> Make a table like this.<BR> Make a table like this.<BR> Make a table like this.<BR> Make a table like this.<BR> Make a table like this.<BR> </font> </div> </td> </tr> </table>

After all my work, I finally made a few simple tables.

Mwahaha Make a table like this. Make a table like this. Make a table like this. Make a table like this. Make a table like this. Make a table like this. Make a table like this. Make a table like this. Make a table like this. Make a table like this. Make a table like this. Make a table like this. Make a table like this.

Mwahaha I made this. Yay! I made this. Yay! I made this. Yay! I made this. Yay! I made this. Yay! I made this. Yay! I made this. Yay! I made this. Yay! I made this. Yay! I made this. Yay! I made this. Yay! I made this. Yay! I made this. Yay! I made this. Yay!

Mwahaha I made this. Yay! I made this. Yay! I made this. Yay! I made this. Yay! I made this. Yay! I made this. Yay! I made this. Yay! I made this. Yay! I made this. Yay! I made this. Yay! I made this. Yay! I made this. Yay! I made this. Yay! I made this. Yay!