Today i will show you how you can make a simple table using html code with an example. there are three basic tags you need to know to create a table, the first one is the <table>, the second one is <tr> and the third one is <td>.
so to make a simple table, you would use this example:
<table><tr><td>Free wallpapers at wallpaperama.com</td></tr></table>
thats it. ofcourse you can make tables more fancy with other tag elements, the following code is a script i wrote as an example to show you how you can use the table is its cells, columbs and rows.
remember that the colums go up and down, and the rows go side to side.
Code:
<html>
<head>
<title>How To create tables cells in HTML documents for your websites</title>
</head>
<body>
<p><strong>How To create tables cells in HTML documents for your websites</strong></p><hr />
<p>This is an example of a table with its rows, colums and cells. the example below is using with of 100% and a border of 1 pixel </p>
<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>row1 Colum 1 </td>
<td>Colum2</td>
<td>Colum3</td>
</tr>
<tr>
<td>row2</td>
<td>This is row2 colum2 </td>
<td align="left">Coum3, Row 2 is Centered </td>
</tr>
<tr>
<td>row3</td>
<td align="left">row3 Colum2 is aligned left </td>
<td align="right">row3 Colum3 is aligned right </td>
</tr>
</table>
<p><a href="http://www.wallpaperama.com/forums">Go Back << </a></p>
<p align="center">Hosting By <a href="http://www.webune.com">Webune.com</a></p>
</body>
</html>
<head>
<title>How To create tables cells in HTML documents for your websites</title>
</head>
<body>
<p><strong>How To create tables cells in HTML documents for your websites</strong></p><hr />
<p>This is an example of a table with its rows, colums and cells. the example below is using with of 100% and a border of 1 pixel </p>
<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>row1 Colum 1 </td>
<td>Colum2</td>
<td>Colum3</td>
</tr>
<tr>
<td>row2</td>
<td>This is row2 colum2 </td>
<td align="left">Coum3, Row 2 is Centered </td>
</tr>
<tr>
<td>row3</td>
<td align="left">row3 Colum2 is aligned left </td>
<td align="right">row3 Colum3 is aligned right </td>
</tr>
</table>
<p><a href="http://www.wallpaperama.com/forums">Go Back << </a></p>
<p align="center">Hosting By <a href="http://www.webune.com">Webune.com</a></p>
</body>
</html>
now that you have copy and paste the above html code into your notepad document, save the file as "table.html" remember to use the quotes if you are using notepad in windows.
Now upload the table.html file to your website to see it in action.
if you don't have a website, our friends at www.webune.com have provide us with hosting to show you how this tutorial guide works. if you ever need web hosting, check them out, they have excellent service.
CLICK HERE TO SEE DEMO by Webune.com
if you have any questions regarding this post, please post them here.
Wallpaperama Team
