How to deal with table cells with no content with HTML/XHTML

The code below shows you how to deal with table cells with no content with HTML/XHTML.

Note: most web browser display table cells with no content without any borders. To avoid this, add a non-breaking space ( ) to any empty data cells to make the borders visible.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>Web Development Tutorials.com</title>
</head>
<body>

<table border="1">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td></td>
</tr>
</table>

</body>
</html>

The code above creates the table below.

1 2
3

Use the text editor below to practice what you have learned.

Free Website Templates

Free Web Tools

Recommended Websites