More:

Thursday, 15 January 2015

HTML Tutorial – 8 (Tables and comments in HTML)

HTML Tutorial – 8(Tables and comments in HTML)



Hello Everyone. Now we have how we can attach other webpages to this webpage by using <a> tag. Today we are going to learn Tables. Tables play very important role in designing a webpage, even in during early google and internet whole website was built using tables in different shapes.
So lets start, tables are basically inserted into a webpage using <table> tag. This is double tag which has separate opening and closing tag </table>. As you all know you can change the properties of the table after pressing a space inside the opening tag, like width , heath  etc.

When <table> tag is started then you have to put a row in the table and then you will have to devide that row into number of columns you want. You have to put <tr> in between opening and closing tags, remember <tr> is a double tag so you have to close </tr> also.

Now you have created a row in the table now will devide the row into several columns by using <td> tag in between the opening and closing <tr> tag. <td>is also a double tag. Its not that difficult really.
Lets have a practical:-


Output:-



You can see the results, you can see columns are printed but there is no border around them, so you have to use border property inside the opening table tag which we will see in our Next Tutorial. You can see there some text written like <!—Now starting 2nd row !-->. These are called comments. Anything that is a comment browser will not read it. Its just for your understanding. We will also discuss this in our Next Tutorial. So please practice this a little… have fun. bye


No comments:

Post a Comment