- Forums
- HTML
- Learn How To Tables In Web Pages With HTML Tutorial Guide Easy Help Code
this post will teach you how to make tables letters in your web pages using HTML code. If you want to learn how to make tables fonts, ready this topic in this forums [684], Last Updated: Sat May 18, 2024
edwino85
Mon Dec 25, 2006
0 Comments
846 Visits
One of the most important things you can learn to do in HTML is to make tables. they make website more neat and better.
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>
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.
this is an example of a table with 2 colomns and 2 rows:
if you have any questions regarding this post, please post them here.
Wallpaperama Team