HTML Table Tricks: Combining Cells with Rowspan and Colspan

HTML Table Tricks: Combining Cells with Rowspan and Colspan

Here you will learn about the below -

- How to create table

- How to create table heading

- How to create table row

- How to create table field

- How to merge cell in html table

- How to use rowspan

- How to use colspan

- How to use table border

- How to use the table width

The development of table will begin from the basic html structure. All the above motioned question will be covered in this blog not just in written form but also in the form of video.

Here is the code


<html>
<head>
    <title>HTML Table</title>
</head>

<body>

  <table border="1" width="700">

    <tr>
      <th> Name</th>
      <th> Age</th>
    </tr>


    <tr>
      <td> An </td>
      <td rowspan="2"></td>
    </tr>

   
    <tr>
      <td> CN</td>
    </tr>

    <tr>
      <td> An </td>
      <td>fknksdf</td>
    </tr>

    <tr>
      <td colspan="2"> An </td>
    </tr>


  </table>

  </body>
</html>

Kindly watch this video to understand more







Post a Comment

Previous Post Next Post