table Archives - Ebhor.com

HTML table tag

February 2, 2023February 2, 2023 by manish

We can create a table in html by using <htmt></htmt> tag.with in table tag we use <tr> to create new table row.inside tr we use <td> tag to specify data value.to provide table header <th> tag is used One table can contain multiple table rows and each row can contain multiple table data. Syntax

<table>
   <tr>
      <th>...</th>
      <th>...</th>
   </tr>
   <tr>
      <td>.....</td>
      <td>......</td>
   </tr>
   <tr>
      <td>.....</td>
      <td>......</td>
   </tr>
   ......
</table>

<table>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

......

</table>

HTML Table rowspan and colspan

February 2, 2023February 2, 2023 by manish

To span a row more than a single row we can use rowspan attribute. Example: Group 1 Manish Durg India Manoj Bhopal India Group 2 Rohit Banglore India Nitesh Bhopal India

<table style="border:1px solid black">

<tbody>

<tr>

<td>1</td>

</tr>


<tr>

<td>2</td>


<td>3</td>


<td>4</td>

</tr>

</tbody>

</table>

<tbody>

<tr>

</tr>

<tr>

</tr>

</tbody>

</table>

Output: Group 1 Manish Durg India Manoj Bhopal India Group 2 Rohit Banglore India Nitesh Bhopal India To span a column more than … Read more

CSS Tables

November 30, 2019July 24, 2018 by manish

We have alreay learned HTML Tables that is very basic there we learned how to create HTML table and how to make rows cols in HTML Table. To Make a beautiful HTML table we apply CSS on HTML Table. CSS has the following properties for styling the HTML Tables: border border-collapse width height text-align vertical-align … Read more