May 22 2011
Basic HTML Codes & Their Meanings
Before starting to make layouts with HTML codes, the codes and their meanings need to be understood. Each code will be placed in arrows such as “<” and “>”, just as it appears in HTML.
<table> this is the starting code of your layout, and the ending code. In order for your layout to work, it needs to start with this code. When you want to edit the layout as a whole (example: the whole background be a color, all the font a certain size), it would be added here. End code: </table> (end codes: end codes are needed to close the HTML coding. It tells the computer you have finished using that code. Table end codes are used as the very first and last code of a layout, but other codes have a beginning/end code used in the middle. All end codes have a backwards slash and the code that was used.)
<td> this code creates a text box in the layout. even if you use a different text box code so it scrolls, you need this code in the beginning, before the scrolling code. End code: </td> (Place after the text in the cell, look at an example for more clarification). To use this code, just use the <td> code, then just type. Once you are finished typing for that cell, close it with an end code (</td>).
<td colspan=”x”> By adding the colspan code, it will make one cell equal the length of two cells. (it is added inside the <td> code, so the <td> code does not have to be repeated. It would simply look like this: <table><td colspan=”3″>text</td>) This is commonly used as a footer to put who made the layout/where it was from.
<tr> This adds a new row to your layout. If you keep adding <td> cells, on after the other, it will just create a line of text boxes, spreading to the right. In order to break up the straight line and make them appear as a list, <tr> cells must be added in between. Example: <table><td>text</td><tr>[next row]<td>text</td><table> (end code is </td>, since the colspan code is an extra that is added into the <td> code)
How this appears normally:
| text, tr code added after this text cell |
| new row added underneath |
With these codes, you can create a basic layout. However, there are more specifics that need to be added [link coming soon]










Thanks for post this it really helps!
what is for ?
Wow…..
Hello! Thanks!
Need help, dont understand this very well.
You shoul post
How do you change it so the background is all white or something?
dont understand.pm i am Siobhan
Um, how can I make layouts, animations, and/or animated signatures? I don’t know how to make layouts, and not being rude, but this “tutorial” didn’t help me.
I need help, please PM me!!!