Aug 05 2009
Just Getting Started
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.
I am very sorry. This site I am using is different from Howrse and doesn’t like to work with tables. xD I will try my best so you can view this properly. It worked fine when I was typing it. You can still use the codes; WordPress just isn’t viewing the spacing of the tables correctly.
That really helped. Thanks!
im so sorry but im not understanding would you please pm me at vampgirl312 im also a player at howrse
Is it possible for you to make me a ready made table?… if so I would like it to have 9 text boxes and 1 main picture box!
Thanks if this is not possible dont worry my Howrse username is Pony mad 326
Happy Christmas :)
I’m a bit confused, are the cells like text boxes? If so then what are the rows.
They are both text boxes; rows are like headers and footers and the cells are used as actual text boxes.
it wont work for me i tried but o need help
my howrse name is Nicolelocin11 please pm me
they dont work, i tried to get the example on my page but it didnt work AT all! D:
I think it is because of this website as the coding seems to be okay..I’ll edit it later tonight :)
im so confused! please pm me on howrse, i dont get it at all
i dont get it how do you do it
It takes some time to fully understand it. Keep re-reading the post in short segments. Soon you’ll understand it. ;) If you have any questions, feel free to PM me on Howrse – my user name is Jessica27
I know all the HTML stuff. I just need a good website to make layouts… :(
You could type it up right on yours Howrse page in the HTML mode or in Notepad. That’s how I always did it. ;)
this is a little confusing. I know, I’ve messaged you before on howrse, but can you maybe pm me about this, maybe a little dumbed down? My name is Soda Pop Cutie.
i learning pretty quick to,but like how would you type it in wordpad? like do you enter each command in a new line? or is it all one line?
It could be one line, but it is much easier if it is separate lines. That way, if you have to go back, you can easily re-read the coding and find the mistake much faster.
Its will not work for me
It doesn´t let me post. Why?
Yes! Finally.
The first comment you post always goes to the pending category. Once I approve it, you will be able to post comments that are automatically approved. ;)
I am using these, but I don´t somehow get them organized, and I don´t see the boxes anymore. The boxes lines are white, but when I color them over, then they aren´t anymore in organization. The should be width, but theyr all like a line together. What´s wrong?
How do I insert a picture I designed from paint to my equestrians centres page?
Make sure the file is saved as a .jpg and upload the picture on a photo sharing website. View the picture and right click to select “copy image location”. Next go to Howrse and on the HTML mode. Use this code: . Where it says link post the image location
My boxes aren’t coming up! All it says is cell one, cell two, footer, and my picture isn’t doing anything either! :’( My username is Eiofa12.
Sorry about that, I must have forgotten a border in the coding – I’ll fix it.
I don’t get it at all….
I am Preppy Pepsi on Howrse. Please PM me and try to help me.
I have the basic html stuff down, thanks to you! You said that you would soon post how to put in fonts and colors, could you please tell me on howrse how to put background colors or pictures in the cells and such? Thanks-Zippos Pistol Pete
I already have those posted – check the Adding Extras and Quick Start HTML pages. ;)
okay im like REALLLLY confusedd :/
Hia guys im also a player on Howrse can someone pm me for more info thanks
Im sooooooooo stuk