May 22 2011

Basic HTML Codes & Their Meanings

Published by

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]

Share

10 responses so far

10 Responses to “Basic HTML Codes & Their Meanings”

  1. Rachelon 02 Jun 2011 at 6:56 pm

    Thanks for post this it really helps!

  2. porterron 19 Jun 2011 at 2:40 pm

    what is for ?

  3. Magic Rainbowon 24 Jul 2011 at 6:54 am

    Wow…..

  4. Galon 25 Jul 2011 at 1:16 pm

    Hello! Thanks!

  5. Mad-pony7on 25 Jul 2011 at 9:17 pm

    Need help, dont understand this very well.

  6. porterron 19 Aug 2011 at 1:41 pm

    You shoul post

  7. emilybbhon 20 Sep 2011 at 6:31 pm

    How do you change it so the background is all white or something?

  8. Siobhanon 23 Sep 2011 at 9:07 pm

    dont understand.pm i am Siobhan

  9. Maximum Rideon 06 Oct 2011 at 10:02 pm

    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.

  10. pony_girl_1227on 15 Jan 2012 at 2:47 pm

    I need help, please PM me!!!

Trackback URI | Comments RSS

Leave a Reply