Table additions
Today the internet has become the biggest data repository on the Internet day by day. In the compilation of data databases, images, videos etc., a content can be presented as interesting and complete in a webpage, in other media it is not possible. One of the ways to present data data on the web page is to use tables. Table table <table> is used to create tables.
Example Programs
<Html>
<Head>
<Title> www.tutohost.com </ title>
</ Head>
<Body bgcolor = "# 00CC99" style = "text-align: center">
<Table border = "1">
<Tr>
<Th> SL </ th>
<Th> Book </ th>
<Th> Pen </ th>
<Th> Box </ th>
</ Tr>
<Tr>
<Td> 01 </ td>
<Td> 100 </ td>
<Td> 200 </ td>
<Td> 400 </ td>
</ Tr> <tr>
<Td> 02 </ td>
<Td> 300 </ td>
<Td> 600 </ td>
<Td> 300 </ td>
</ Tr> <tr>
<Td> 03 </ td>
<Td> 500 </ td>
<Td> 800 </ td>
<Td> 200 </ td>
</ Tr>
</ Table>
</ Body>
</ Html>
Open a Notepad and enter the code above and click on Save as from the File menu, save as file name: index.html, Save as type: All files, open the index.html file with Mozilla Firefox, and look like a picture next to it.
Discuss the program
<Border border = "1"> Here border bar = "1" has used a single border for the table, as per the need to use 2,3,4 etc. in the 1st place.
<Tr> </ tr> is used to create each row of the table, and <td> </ td> is used to create every cell.
The table headers have been created through <th> </ th>. The book in the <th> book </ th> will look a bit thick.
To keep any cell empty in the table <td> </ td> will not write anything in between. Only use <td> </ td>.
Today the internet has become the biggest data repository on the Internet day by day. In the compilation of data databases, images, videos etc., a content can be presented as interesting and complete in a webpage, in other media it is not possible. One of the ways to present data data on the web page is to use tables. Table table <table> is used to create tables.
Example Programs
<Html>
<Head>
<Title> www.tutohost.com </ title>
</ Head>
<Body bgcolor = "# 00CC99" style = "text-align: center">
<Table border = "1">
<Tr>
<Th> SL </ th>
<Th> Book </ th>
<Th> Pen </ th>
<Th> Box </ th>
</ Tr>
<Tr>
<Td> 01 </ td>
<Td> 100 </ td>
<Td> 200 </ td>
<Td> 400 </ td>
</ Tr> <tr>
<Td> 02 </ td>
<Td> 300 </ td>
<Td> 600 </ td>
<Td> 300 </ td>
</ Tr> <tr>
<Td> 03 </ td>
<Td> 500 </ td>
<Td> 800 </ td>
<Td> 200 </ td>
</ Tr>
</ Table>
</ Body>
</ Html>
Open a Notepad and enter the code above and click on Save as from the File menu, save as file name: index.html, Save as type: All files, open the index.html file with Mozilla Firefox, and look like a picture next to it.
Discuss the program
<Border border = "1"> Here border bar = "1" has used a single border for the table, as per the need to use 2,3,4 etc. in the 1st place.
<Tr> </ tr> is used to create each row of the table, and <td> </ td> is used to create every cell.
The table headers have been created through <th> </ th>. The book in the <th> book </ th> will look a bit thick.
To keep any cell empty in the table <td> </ td> will not write anything in between. Only use <td> </ td>.
No comments:
Post a Comment