HTML Table

HTML Table tag அட்டவணை வடிவத்தில் (வரிசை * நிரல்) தரவு காட்ட பயன்படுகிறது. அட்டவணையில் பல  columns,row இருக்கலாம்.

<Table> element <tr>, <td>, மற்றும் <th> உறுப்புகள் ஆகியவற்றின் உதவியுடன் ஒரு அட்டவணையை உருவாக்கலாம்.

ஒவ்வொரு அட்டவணையிலும், அட்டவணை வரிசை <tr> குறியீடால் வரையறுக்கப்படுகிறது, அட்டவணை தலைப்பு <th> ஆல் வரையறுக்கப்படுகிறது, மற்றும் அட்டவணை தரவு <td> குறிச்சொற்களை வரையறுக்கப்படுகிறது.

HTML Table Tags

Tag	Description
<table>	இது ஒரு அட்டவணையை வரையறுக்கிறது.
<tr>	இது ஒரு அட்டவணையில் வரிசையை வரையறுக்கிறது.
<th>	இது அட்டவணையில் ஒரு தலைப்பு கலத்தை வரையறுக்கிறது.
<td>	இது ஒரு அட்டவணையில் ஒரு கலத்தை வரையறுக்கிறது.

HTML Table Example

1. <table>  
2. <tr><th>First_Name</th><th>Last_Name</th><th>Marks</th></tr>  
3. <tr><td>Sonoo</td><td>Jaiswal</td><td>60</td></tr>  
4. <tr><td>James</td><td>William</td><td>80</td></tr>  
5. <tr><td>Swati</td><td>Sironi</td><td>82</td></tr>  
6. <tr><td>Chetna</td><td>Singh</td><td>72</td></tr>  
7. </table>  

Output:

First_Name	Last_Name	Marks
Sonoo	Jaiswal	60
James	William	80
Swati	Sironi	82
Chetna	Singh	72

HTML Table with Border

1. By border attribute of table in HTML
2. By border property in CSS

1) HTML Border attribute

1. <table border="1">  
2. <tr><th>First_Name</th><th>Last_Name</th><th>Marks</th></tr>  
3. <tr><td>Sonoo</td><td>Jaiswal</td><td>60</td></tr>  
4. <tr><td>James</td><td>William</td><td>80</td></tr>  
5. <tr><td>Swati</td><td>Sironi</td><td>82</td></tr>  
6. <tr><td>Chetna</td><td>Singh</td><td>72</td></tr>  
7. </table>  

Output:

First_Name	Last_Name	Marks
Sonoo	Jaiswal	60
James	William	80
Swati	Sironi	82
Chetna	Singh	72

2) CSS Border property

Next CSS Class