adc

clicks

How To Create Table In HTML And CSS | table design in html css

 

  1. Use the HTML <table> element to define a table.
  2. Use the HTML <tr> element to define a table row.
  3. Use the HTML <td> element to define a table data.
  4. Use the HTML <th> element to define a table heading.
  5. Use the HTML <caption> element to define a table caption.
  6. Use the CSS border property to define a border.

 

 

<!DOCTYPE html>
<html>
<head>
    <title>table design</title>
</head>
<body>
    <table border="1">
        <thead>
            <th>Name</th>
            <th>Roll</th>
            <th>Reg</th>
        </thead>

        <tr>
            <td colspan="2">khan</td>
            <td>20102</td>
           
        </tr>
        <tr>
            <td>abrahim</td>
            <td>20103</td>
            <td>0020154</td>
        </tr>
        <tr>
            <td  rowspan="2">shakil hossain</td>
            <td>20124 </td>
            <td>0021547 </td>
        </tr>
        <tr>
            <td>hossain</td>
            <td>201445 </td>
           
        </tr>


    </table>
</body>
</html> 

 

 

Source Code 

 

Watch Videos 

 

More Tutorials

How To Create Table In HTML And CSS | table design in html css How To Create Table In HTML And CSS | table design in html css Reviewed by easycoding on August 17, 2020 Rating: 5

No comments:

Powered by Blogger.