Aug 05 2009

Just Getting Started

Published by

Learning HTML coding really isn’t so hard. I learned how to do it myself pretty quickly, but with a site at my aid. Now, I have it memorized and only need to look up color codes. After reading this a few times, you should be able to make pretty good, basic layouts.

Tables, Rows, and Cells:

On Howrse, you need to make a table for your layout to be viewed. A table is made up of rows and cells. To begin making a table, or start any form of HTML, you need to have a beginning and ending code. For a table, it starts and ends with this code:

<table> </table>

The backwards slash is always in an ending code. (Remember to add the carrot symbols; if you forget, Howrse can’t read it and your layout can’t be shown.) Once you enter your beginning table code, you can start to add details. These include: alignment, how big you make your cells, width, spacing between the cells, spacing between the cell and where text start, background colors, text colors, fonts…it could keep going! Here is a basic table with just two cells:

cell number one cell number two
This is a row. (Best to use as a footer)

The code that I used for the table is very simple. Here it is:

<table border="1">

<td>cell number one</td>

<td>cell number two</td>

<tr>

<td>This is a row. (Best to use as a footer)</td>

</table>

The <tr> code is the code to enter a row. The ending code for this is </tr>. The whole row code would be this:

<tr>

<td>This is a row</td>

</tr>

All I had to use was basic beginning codes and ending codes. Now let’s say you would like to add a picture or a footer. You can add both of these things in the table above but it would look a little funny like pictured above. There are two cells but only one row, making it off balance. *Remember: cells and rows always end at the same spot unless combined.* By combining two cells or two rows, there will be a bigger space a picture or a longer space for a footer.

Here is the table used for a picture:

Picture goes here
cell number one cell number two

(The text will be centered on Howrse.) To combine cells, enter this code before the beginning text code (<td>): colspan=”2″ Here’s what the HTML would look like:

<table border=”1″>

<td colspan=”2″>Picture goes here.</td>

<td>cell number one</td>

<td>cell number two</td>

</table>

The number two in the colspan code can be changed to any number. Two is there because it means your are spreading the cell over two cells. If you wanted it over three cells, it would be this code: colspan=”3″

To make a footer at the bottom of the page (usually used as a place to put a copyright on your layout). You would do the same code but in the spot for the row. Here’s the whole table code:

<table border=”1″>

<td colspan=”2″>Picture goes here.</td>

<tr>

<td>cell number one</td>

<td>cell number two</td>

</tr>

<tr>

<td colspan=”2″> Footer </td>

</tr>

</table>

It will look like this:

Picture goes here.
cell number one cell number two
Footer

I had to add the <tr> code below the picture text so the site could tell that cell number one and cell number two are placed under the picture text. Howrse shouldn’t have this problem, though.

This is the basic lesson about tables, rows, and cells. Soon I will post how to add colors and fonts. Post a comment if you do not understand this correctly. If you are having any layout troubles, feel free to PM me on Howrse. My user name is Jessica27.

151 responses so far

151 Responses to “Just Getting Started”

  1. sparkpolly1234on 09 Nov 2013 at 2:27 pm

    i dont get it someone help me :(

  2. Chantelle15on 20 Dec 2013 at 11:45 pm

    can some one make a detailed layout for me I play the AU Howrse as Chantelle15 and can some one please give me lessons on how to make a detailed layout

  3. la8on 25 Dec 2013 at 2:13 pm

    Hi not to be rude but I didn’t get that but could you PM me on howrse to la8.Thanks

  4. Equestrian30801on 02 Apr 2014 at 6:37 pm

    I’m still confused. Could you PM me on Howrse? I’m Equestrian30801 (International Version)

  5. SouthernRoseson 24 Dec 2014 at 5:47 pm

    I really don’t understand this; do you mind sending me a PM on Howrse? I’m SouthernRoses (international version.)

  6. howrse playeron 20 Mar 2017 at 3:28 am

    can you PM me. I’m totchra on Int. Server

Trackback URI | Comments RSS

Leave a Reply