Wednesday, September 22, 2010

Tutorial


So I am going to teach the class how to create a simple table in HTML.  First you have to know some new tags. The first one we are going to learn is 
<table>  </table> This tag is used to start and end the table itself.
<tr>  </tr>  stands for “table row” it starts and ends the horizontal row
<td>  </td> stands for “table data” and it starts and ends each cell in the rows.
These tags are the main parts of creating a table. It is pretty easy to make a simple table. The way to write the code looks like this.
<table>
<tr>
<td>cell1<t/d>
<td>cell2</td>
</tr>
<tr>
<td>cell3</td>
<td>cell4</td>
</tr>
</table>
This will create a super cool amazing table!! Check out the picture below this blog to see what it looks like.




Using these tags you can create a table as long as you want and a big as you want! You can just keep running columns and rows to make the table how you want it! (see next picture.)






Using these tags you can create a table as long as you want and a big as you want! You can just keep running columns and rows to make the table how you want it! (see next picture.)
Now a table is pretty boring so lets add a little coolness to it. You need to add both of these up by the <table> tag.  You can change the shape of the cell by adding;
width=”###”
in the “ “ you can add a number to change the size.  Then you can add;
<table border =#>
after the = sign add a number to tell the table how thick you want it! 
it looks like;
<table width =”###”> <table border =#>
<tr>
<td>cell1</td> <td>cell2</td>

Check out the example of the code right under this sentence.




That is how to make a great table to place all sorts of numbers and data in!







No comments:

Post a Comment