table के लिए कोनसे html tags use किये जाते हे ?
table in html || html tags से table बनाने के लिए मुख्य tags यह हे उदाहरण : <table> tag, <tr> tag, <td> tag and <th> tag यह मुख्य tag हे table बनाने के इसके आलावा इसके tags के attributes का use किया जाता हे। html से webpage बनाते समय table बनाने की जरुरत तब आती हे जब आपको कोय data अपने webpage में बहोत अच्छी तरह से दिखाना हे। या फिर आपको एक से अधिक व्यक्ति का data का table बनाना हो।
how to create a simple table ?
<html>
<head>
<title> how to create a simple table in html </title>
</head>
<body>
<table border="1">
<tr>
<th> No </th>
<th> Name </th>
<th> country </th>
</tr>
<tr>
<td> 1 </td>
<td> AAA </td>
<td> India </td>
</tr>
<tr>
<td> 2 </td>
<td> BBB </td>
<td> USA </td>
</tr>
<tr>
<td> 3 </td>
<td> CCC </td>
<td> UK </td>
</tr>
</table>
</body>
</html>
output:
No | Name | country |
---|
1 | AAA | India |
2 | BBB | USA |
3 | CCC | UK |
आप लॉग simple table इस तरह से बना सकते हो। आप चाहे तो css का use करके आप table को और आकर्षित कर सकते हो। इसके लिए आपको css का knowledge होना जरुरी हे। अगर आपको css नहीं आती तो आप देखकर table बना सकते हे।
how to create table ?
<html>
<head>
<title> how to create a simple table in html </title>
<style>
table{
border:2px solid blue;
}
th{
background-color:#6cf5e9;
font-size:20px;
}
td{
background-color:#9ff5d7;
font-size:15px;
}
</style>
</head>
<body>
<table border="1">
<tr>
<th> NO </th>
<th> NAME </th>
<th> COUNTRY </th>
</tr>
<tr>
<td> 1 </td>
<td> DDD </td>
<td> Africa </td>
</tr>
<tr>
<td> 2 </td>
<td> EEE </td>
<td> America </td>
</tr>
<tr>
<td> 3 </td>
<td> FFF </td>
<td> Turky </td>
</tr>
</table>
</body>
</html>
output :
NO | NAME | COUNTRY |
---|
1 | DDD | Africa |
2 | EEE | America |
3 | FFF | Turky |
how to use table attributes?
<html>
<head>
<title> how to create a simple table in html </title>
</head>
<body>
<table border="1" cellspacing="10px" cellpadding="10px" >
<tr bgcolor=yellow>
<th> No </th>
<th> Name </th>
<th> country </th>
</tr>
<tr>
<td> 1 </td>
<td> AAA </td>
<td> India </td>
</tr>
<tr>
<td> 2 </td>
<td> BBB </td>
<td> USA </td>
</tr>
<tr>
<td> 3 </td>
<td> CCC </td>
<td> UK </td>
</tr>
</table>
</body>
</html>
output :
No | Name | country |
---|
1 | AAA | India |
2 | BBB | USA |
3 | CCC | UK |