How to use Width and Height Attributes In HTML

Using Inline Style

In this approach, we are directly adding the width and height attributes to the <td> or <th> tags with the desired values.

Example: The below example uses width and height attributes to set table cells width and height.

HTML

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" 
          content="width=device-width, initial-scale=1.0">
    <title>Table Cell Width and Height</title>
</head>

<body>
    <h1 style="color: green;">w3wiki</h1>

    <h3>
          Set width and height of table cell using 
          width and height attribute
      </h3>

    <table border="1">
        <tr>
            <th>col 1</th>
            <th>col 2</th>
        </tr>
        <tr>
            <td width="100" height="50">Cell 1</td>
            <td width="150" height="50">Cell 2</td>
        </tr>
    </table>


</body>

</html>

Output:

How to Set Table Cell Width & Height in HTML ?

In HTML, we can control the width and height of table cells using various approaches. This article discusses different methods to set the width and height of table cells in HTML.

Table of Content