Forgot Password / Register
Site Statistics
Total Members: 520
Total Tutorials: 242
Newsest User: 8884244477
Todays Unique Hits: 295
0 Users 5 Guests Online

HTML Medium Table Setup

In this tutorial I will show you 2 things. Please Note: This tutorial requires a lil bit of Basic HTML knowledge.

1:) How make a table body correctly
2:) How to make multiple things align

1st: First we need to open our table and table body. To do that simply add this to your document.

Code

<table>
<tbody>


2nd: Then we need to open our <tr>, or our Table Row, to contain our object. We do this like this:

Code

<tr>


3rd: Now we need to open our <td>, or our table data, which is where we will put what we want. We do this by:

Code

<td>


Now to sum most of it up, you should have something like this now:

Code

<table>
<tbody>
<tr>
<td>


Now just add something after the <td> tag, like so:

Code

<table>
<tbody>
<tr>
<td>Test
</tbody>


Then Close the data like this:

Code

<table>
<tbody>
<tr>
<td>Test</td>
</tbody>


Then Close the row, like this

Code

<table>
<tbody>
<tr>
<td>Test</td>
</tr>
</tbody>


Then Close The Whole thing like this:

Code

<table>
<tbody>
<tr>
<td>Test</td>
</tr>
</tbody>
</table>


------2nd Part------

At the end of the 1st part you should of had something like this:

Code

<table>
<tbody>
<tr>
<td>Test</td>
</tr>
</tbody>
</table>


Now to make more then one thing show up beside each other you would simply do this:

Code

<table>
<tbody>
<tr>
<td>Test</td>
<td>Test 2</td>
</tr>
</tbody>
</table>


Then if you would rather have one above the other, then you would do this:

Code

<table>
<tbody>
<tr>
<td>Test</td>
</tr>
<tr>
<td>Test 2</td>
</tr>
</tbody>
</table>


To see what I have done with this simple code, go here:

http://www.lone-wolfs-cave.com/edchat/userpanel/shop/helmhelp.html
FtH8er
Author:
Views:
1838
Rating:
There are currently no comments for this tutorial.